css fixes

extension/dashboard.html

@@ -189,6 +189,9 @@
     /* ── Page visibility ───────────────────────────── */
     .page { display: none; }
     .page.active { display: block; }
+    /* Overview page: content is fixed-height (capped list cards) so the
+       outer scroll area must not scroll — Quick Actions stays visible. */
+    #page-dashboard.active { overflow: hidden; }
 
     /* ── Cards ─────────────────────────────────────── */
     .card {
@@ -318,23 +321,16 @@
     .badge-neutral { background: var(--elevated); color: var(--text3); }
 
     /* ── Overview list cards ────────────────────────── */
-    #page-dashboard.active {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      overflow: hidden;
-    }
     .ov-list-card {
       display: flex;
       flex-direction: column;
-      min-height: 0;
-      /* Each card takes equal share of remaining vertical space */
     }
+    /* Fixed height: thead (~34px) + exactly 2 data rows (~36px each) = ~106px.
+       Items 3+ scroll inside the card; the page itself never scrolls. */
     .ov-scroll-area {
-      flex: 1;
       overflow-y: auto;
       overflow-x: hidden;
-      min-height: 80px;
+      max-height: 106px;
     }
     .ov-table thead th {
       position: sticky;
@@ -343,15 +339,6 @@
       z-index: 1;
     }
     .ov-sentinel { height: 1px; }
-    /* Make the two grid rows share available height evenly */
-    #page-dashboard.active > div[style*="grid-template-columns:1fr 1fr"] {
-      flex: 1;
-      min-height: 0;
-    }
-    #page-dashboard.active > div[style*="grid-template-columns:1fr 1fr 1fr"] {
-      flex: 1;
-      min-height: 0;
-    }
 
     /* ── Tables ────────────────────────────────────── */
     .table { width: 100%; border-collapse: collapse; }