From 9ea40198d03705d69b71ecd07979117ae5901cd2 Mon Sep 17 00:00:00 2001 From: CarterPerez-dev Date: Sun, 3 May 2026 09:16:58 -0400 Subject: [PATCH] fix(monitor/frontend): stack DShield tables vertically (no horizontal overflow in 320px column) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Plan 5 said "two compact tables side-by-side" but didn't account for the 320px right-column width — tables overflowed and the source-IP table's Reports/Tgt columns scrolled off-screen. Replaces grid 1fr 1.2fr with a flex column so each table gets the full panel width: top ports on top, top sources below. --- .../frontend/src/pages/panels/DShieldPanel.module.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/pages/panels/DShieldPanel.module.scss b/PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/pages/panels/DShieldPanel.module.scss index 93cbabe7..00be4c3f 100644 --- a/PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/pages/panels/DShieldPanel.module.scss +++ b/PROJECTS/advanced/monitor-the-situation-dashboard/frontend/src/pages/panels/DShieldPanel.module.scss @@ -2,9 +2,9 @@ // DShieldPanel.module.scss .row { - display: grid; - grid-template-columns: 1fr 1.2fr; - gap: 12px; + display: flex; + flex-direction: column; + gap: 8px; padding: 4px 8px; }