v0.11.4-layout

web/styles.css

@@ -4683,7 +4683,30 @@ body.simulation-standalone [data-view="simulation"] {
 
 #dashboardZones,
 #dashboardDevices {
-  align-items: start;
+  align-items: stretch;
+}
+
+/* Primary control/configuration cards need room for labels and actions.
+   Keep at most two cards per row and collapse naturally to one before
+   the card internals start clipping. */
+#dashboardZones,
+#dashboardDevices,
+#deviceList,
+#zoneList {
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
+  grid-auto-rows: 1fr;
+}
+
+#dashboardZones > article,
+#dashboardDevices > article,
+#deviceList > article,
+#zoneList > article {
+  height: 100%;
+}
+
+#deviceList .device-card .card-menu {
+  flex-wrap: wrap;
+  justify-content: flex-end;
 }
 
 .quick-thermostat-control {
@@ -6527,7 +6550,7 @@ button { border-radius:11px; }
   .mobile-nav-only { display:none !important; }
   .desktop-nav-only { display:flex; }
   .bottom-nav {
-    top:calc(var(--topbar-height,72px) + 14px); bottom:14px; left:max(14px,calc((100vw - 1440px)/2));
+    top:calc(var(--topbar-height,72px) + 14px); bottom:14px; left:max(14px,calc((100vw - 1500px)/2));
     display:flex; flex-direction:column; gap:2px; width:190px; max-height:calc(100dvh - var(--topbar-height,72px) - 28px);
     padding:10px; overflow-y:auto; border-radius:16px; scrollbar-width:thin;
   }
@@ -6537,7 +6560,7 @@ button { border-radius:11px; }
   .bottom-nav button span { display:grid; place-items:center; flex:0 0 24px; width:24px; font-size:17px; }
   .bottom-nav button b { min-width:0; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
   .bottom-nav button.active { background:var(--accent-soft); }
-  main { width:min(1440px,100%); padding-left:222px; padding-right:24px; }
+  main { width:min(1500px,100%); padding-left:222px; padding-right:24px; }
 }
 
 @media (max-width:760px) {