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:hover { color: var(--text); }
|
||||||
nav button.active { color: var(--text); border-bottom-color: var(--accent); }
|
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 ────────────────────────────────────────────────────────────── */
|
/* ── Cards ────────────────────────────────────────────────────────────── */
|
||||||
.card {
|
.card {
|
||||||
|
|||||||
Reference in New Issue
Block a user