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.
This commit is contained in:
@@ -3632,7 +3632,14 @@ INDEX_HTML = """<!doctype 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 {
|
||||
|
||||
Reference in New Issue
Block a user