Style Fix: Prevent tab-specific breakpoints from escaping

betaflight · May 13, 2024 · 24a8738 · 24a8738
1 parent e61a580
commit 24a8738
Showing 1 changed file with 22 additions and 21 deletions.
diff --git a/src/css/tabs/setup.less b/src/css/tabs/setup.less
@@ -32,6 +32,28 @@
 		left: 0;
 		border-radius: 1rem;
 	}
+    @media only screen and (max-width: 1055px) {
+        .grid-box {
+            grid-template-columns: 1fr !important;
+        }
+        .col-span-3 {
+            display: grid !important;
+            grid-column: span 1 !important;
+        }
+        .col-span-1 {
+            display: grid !important;
+            grid-template-columns: repeat(2, 1fr) !important;
+        }
+        #canvas_wrapper {
+            max-height: 20rem !important;
+        }
+    }
+
+    @media all and (max-width: 575px) {
+        .grid-box {
+            grid-template-columns: 1fr !important;
+        }
+    }
 }
 #accel_calib_running {
 	display: none;
@@ -138,25 +160,4 @@
 .disarm-flag {
 	padding-left: 5px;
 }
-@media only screen and (max-width: 1055px) {
-    .grid-box {
-        grid-template-columns: 1fr !important;
-    }
-    .col-span-3 {
-        display: grid !important;
-        grid-column: span 1 !important;
-    }
-    .col-span-1 {
-        display: grid !important;
-        grid-template-columns: repeat(2, 1fr) !important;
-    }
-    #canvas_wrapper {
-        max-height: 20rem !important;
-    }
-}
 
-@media all and (max-width: 575px) {
-    .grid-box {
-        grid-template-columns: 1fr !important;
-    }
-}