From 8a744eb55a6c169c4de99dd8929a44e2e1d3a23a Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Tue, 20 Jan 2026 21:18:05 +0000
Subject: [PATCH] Fix TSCM panels sizing - increase heights and add scroll

- Set panel height to 200px with overflow scroll
- Add padding-bottom for status bar clearance
- Make dashboard scrollable
- Remove flex constraints causing collapse

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/css/modes/tscm.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/static/css/modes/tscm.css b/static/css/modes/tscm.css
index 1465a1a..7b67623 100644
--- a/static/css/modes/tscm.css
+++ b/static/css/modes/tscm.css
@@ -36,7 +36,8 @@
     display: flex;
     flex-direction: column;
     gap: 16px;
-    min-height: 100%;
+    overflow-y: auto;
+    padding-bottom: 80px; /* Space for status bar */
 }
 .tscm-threat-banner {
     display: flex;
@@ -56,8 +57,6 @@
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
-    flex: 1;
-    min-height: 300px;
 }
 .tscm-panel {
     background: rgba(0,0,0,0.3);
@@ -66,7 +65,13 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
-    min-height: 120px;
+    min-height: 200px;
+    height: 200px;
+}
+/* Full-width panels (like Detected Threats) get more height */
+.tscm-panel[style*="grid-column: span 2"] {
+    min-height: 150px;
+    height: 150px;
 }
 .tscm-panel-header {
     padding: 10px 12px;
@@ -90,7 +95,6 @@
     flex: 1;
     overflow-y: auto;
     padding: 8px;
-    min-height: 80px;
 }
 .tscm-device-item {
     padding: 8px 10px;