Make table infobox work better at ~900px, fix menu button alignment on small screens

2018-08-12 12:39:12 +02:00
parent 577a5349c4
commit 693d3b9c93
4 changed files with 58 additions and 31 deletions
@@ -7,3 +7,31 @@
 		border: 0 none !important;
 	}
 }
+
+@media (min-width: 769px) and (max-width: 991px) {
+    #table-infobox {
+        flex-direction: column-reverse;
+    }
+    #infobox-tabContent,
+    #infobox-tab-container {
+        max-width: 100%;
+    }
+    #infobox-tab {
+        flex-direction: row !important;
+    }
+}
+@media (max-width: 991px) {
+    #table-infobox {
+        border-left: none !important;
+    }
+    #table-title-container {
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    #table-id {
+        width: 100%;
+    }
+    #table-title {
+        margin-left: 0 !important;
+    }
+}