fix: system status should not have horz. scrollbar

TACC · Sep 5, 2023 · 228c1ac · 228c1ac
1 parent 2aa44f3
commit 228c1ac
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/libs/tup-components/src/system-status/details/SystemDetails.module.css b/libs/tup-components/src/system-status/details/SystemDetails.module.css
@@ -6,12 +6,17 @@
   /* To reproduce complex layout of design doc */
   @media (--wide-and-above) {
     gap: 25px;
-    grid-template-columns: 0.5fr 0.5fr;
     grid-template-rows: auto 1fr;
     grid-template-areas:
       "monitor avgwait"
       "queue avgwait";
   }
+  @media (--wide-to-x-wide) {
+    grid-template-columns: 0.75fr 0.25fr;
+  }
+  @media (--x-wide-and-above) {
+    grid-template-columns: 0.5fr 0.5fr;
+  }
   /* To reproduce simple layout of narrow screens like CEPv2 */
   @media (--wide-and-below) {
     row-gap: 25px;