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;