From 2b926ebf0bdf91ea22ace43ca3c2cc3b9de5d13a Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 12 Aug 2026 20:32:33 +0000 Subject: [PATCH] security-dashboard: widen main container for the Extensions table The previous "box too narrow" fix targeted the QR popup, but the actual complaint (confirmed by screenshot) was the Extensions table itself -- ten columns (Ext/Name/Mobile/Status/Transport/PSTN/Whitelist/Messaging/ Voicemail/actions) forced .table-wrap's horizontal scrollbar even on a normal desktop viewport because main was capped at 1180px. Bumped to 1600px; verified via headless render at 1280-1920px that the table no longer overflows. --- services/security-dashboard.sh | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/services/security-dashboard.sh b/services/security-dashboard.sh index 385de4e..766cf5f 100644 --- a/services/security-dashboard.sh +++ b/services/security-dashboard.sh @@ -3632,7 +3632,14 @@ INDEX_HTML = """ } nav button:hover { color: var(--text); } nav button.active { color: var(--text); border-bottom-color: var(--accent); } - main { padding: var(--sp-6); max-width: 1180px; margin: 0 auto; } + /* 1180 was too narrow for the Extensions table specifically (Ext, Name, + Mobile, Status, Transport, PSTN, Whitelist, Messaging, Voicemail, plus + the row-action column) -- ten columns including a dropdown and a free-text + whitelist field forced .table-wrap's horizontal scrollbar even on a normal + desktop viewport. 1600 gives every tab's tables room without it; narrow + viewports still fall back to that same scrollbar (.table-wrap already + handles it), this only raises the ceiling for wide ones. */ + main { padding: var(--sp-6); max-width: 1600px; margin: 0 auto; } /* ── Cards ────────────────────────────────────────────────────────────── */ .card {