From 0e2f48ab6535e127ed8120e80df9f30e776eac8d Mon Sep 17 00:00:00 2001
From: Peter van Arkel <peter@hippogrief.nl>
Date: Thu, 21 May 2026 14:50:05 +0200
Subject: [PATCH] (ui) Remove dashboard panel overflow traps

Let dashboard-specific panels size naturally instead of inheriting generic
panel overflow behavior, and tighten activity and host card sizing so long
content wraps without creating internal scrollbars.

Refs #38
---
 src/pobsync_backend/templates/pobsync_backend/base.html | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/pobsync_backend/templates/pobsync_backend/base.html b/src/pobsync_backend/templates/pobsync_backend/base.html
index 9fd7f44..9a670b1 100644
--- a/src/pobsync_backend/templates/pobsync_backend/base.html
+++ b/src/pobsync_backend/templates/pobsync_backend/base.html
@@ -191,6 +191,10 @@
     }
     .dashboard-summary-grid .metric .value {
       font-size: 25px;
+    }
+    .dashboard-trends-panel,
+    .dashboard-hosts-panel {
+      overflow: visible;
     }
 	    .panel {
 	      margin-bottom: 18px;
@@ -324,6 +328,7 @@
       gap: 12px;
       margin-bottom: 0;
       min-width: 0;
+      overflow: visible;
     }
     .priority-panel > h2:first-child {
       flex-wrap: wrap;
@@ -399,6 +404,9 @@
     .activity-row {
       grid-template-columns: max-content minmax(0, 1fr);
     }
+    .activity-row .status {
+      justify-self: start;
+    }
     .schedule-row {
       grid-template-columns: minmax(0, 1fr) max-content;
     }
@@ -598,6 +606,7 @@
 	      border: 1px solid var(--border);
 	      border-radius: var(--radius);
 	      box-shadow: var(--shadow-sm);
+	      min-width: 0;
 	      padding: 16px;
 	    }
 	    .host-card:hover {