From a5f35745f579b1caf5e91c36bfea95ad8ee11a4e Mon Sep 17 00:00:00 2001 From: Admin9705 <9705@duck.com> Date: Sat, 14 Feb 2026 11:30:47 -0500 Subject: [PATCH] Width Fixes --- frontend/static/css/backup-restore.css | 6 ++-- frontend/static/css/content-boundary.css | 29 +++++++++++++++++++ frontend/static/css/media-hunt-calendar.css | 2 -- frontend/static/css/media-hunt.css | 4 --- frontend/static/css/notifications.css | 4 +-- frontend/static/css/nzb-hunt.css | 2 -- frontend/static/css/requestarr-discover.css | 2 -- frontend/static/css/scheduling.css | 6 ++-- frontend/static/css/settings-forms.css | 5 +--- frontend/static/css/style.css | 2 ++ frontend/static/css/user.css | 2 +- frontend/templates/components/head.html | 1 + .../media_hunt_calendar_section.html | 2 +- 13 files changed, 43 insertions(+), 24 deletions(-) create mode 100644 frontend/static/css/content-boundary.css diff --git a/frontend/static/css/backup-restore.css b/frontend/static/css/backup-restore.css index 05deb3f1..bff37500 100644 --- a/frontend/static/css/backup-restore.css +++ b/frontend/static/css/backup-restore.css @@ -2,10 +2,10 @@ Backup & Restore — Modernized Huntarr Theme ============================================================ */ -/* Container */ +/* Container — align with content boundary (no horizontal padding) */ .br-container { width: 100%; - padding: 0 16px; + padding: 0; box-sizing: border-box; display: flex; flex-direction: column; @@ -465,7 +465,7 @@ ============================================================ */ @media (max-width: 768px) { .br-container { - padding: 0 4px; + padding: 0; gap: 14px; } diff --git a/frontend/static/css/content-boundary.css b/frontend/static/css/content-boundary.css new file mode 100644 index 00000000..d40bb9d5 --- /dev/null +++ b/frontend/static/css/content-boundary.css @@ -0,0 +1,29 @@ +/* ========================================================================== + Content Boundary — Single source of truth for page content width + All pages: sponsor banners, headers, content align to Import Media template. + Left edge: Back button | Right edge: Scan Folders / Partner Projects + ========================================================================== */ + +:root { + --content-max-width: 1200px; +} + +/* Constrain all direct content children of content-section to same width. + Excludes modals (position:fixed) and link tags. */ +.content-section > div:not([class*="modal"]):not([id*="modal"]), +.content-section > section { + max-width: var(--content-max-width) !important; + width: 100% !important; + margin-left: auto !important; + margin-right: auto !important; + box-sizing: border-box; +} + +/* Explicit overrides for Backup & Restore, Notifications, User — ensure boundary wins */ +#backupRestoreSection .app-content-panel, +#notificationsSection .app-content-panel, +#userSection .app-content-panel { + max-width: var(--content-max-width) !important; + margin-left: auto !important; + margin-right: auto !important; +} diff --git a/frontend/static/css/media-hunt-calendar.css b/frontend/static/css/media-hunt-calendar.css index 0862559a..ec166881 100644 --- a/frontend/static/css/media-hunt-calendar.css +++ b/frontend/static/css/media-hunt-calendar.css @@ -24,8 +24,6 @@ .media-hunt-calendar-view { padding: 0 0 20px 0; width: 100%; - max-width: none !important; - margin: 0; box-sizing: border-box; } diff --git a/frontend/static/css/media-hunt.css b/frontend/static/css/media-hunt.css index 0d5bf0ca..0782ac99 100644 --- a/frontend/static/css/media-hunt.css +++ b/frontend/static/css/media-hunt.css @@ -402,8 +402,6 @@ .media-hunt-collection-view { padding: 0 0 20px 0; width: 100%; - max-width: none !important; - margin: 0; box-sizing: border-box; display: flex; flex-direction: column; @@ -729,8 +727,6 @@ #mediaHuntSection .requestarr-content { padding: 0; width: 100%; - max-width: none !important; - margin: 0; box-sizing: border-box; } #mediaHuntSection .requestarr-view { display: block; } diff --git a/frontend/static/css/notifications.css b/frontend/static/css/notifications.css index a8318f10..1ee47cda 100644 --- a/frontend/static/css/notifications.css +++ b/frontend/static/css/notifications.css @@ -3,10 +3,10 @@ Modern multi-provider notification management ============================================================= */ -/* ---- Container — full width, no cap ---- */ +/* ---- Container — align with content boundary (no horizontal padding) ---- */ .notif-container { width: 100%; - padding: 0 16px; + padding: 0; box-sizing: border-box; } diff --git a/frontend/static/css/nzb-hunt.css b/frontend/static/css/nzb-hunt.css index e7788017..614a366a 100644 --- a/frontend/static/css/nzb-hunt.css +++ b/frontend/static/css/nzb-hunt.css @@ -23,8 +23,6 @@ .nzb-hunt-container { width: 100%; - max-width: none !important; - margin: 0 !important; padding: 24px 0 !important; display: flex; flex-direction: column; diff --git a/frontend/static/css/requestarr-discover.css b/frontend/static/css/requestarr-discover.css index d2f0e38f..f6cbe4ce 100644 --- a/frontend/static/css/requestarr-discover.css +++ b/frontend/static/css/requestarr-discover.css @@ -9,8 +9,6 @@ #requestarr-section .requestarr-content { padding: 0; width: 100%; - max-width: none !important; - margin: 0; overflow: visible; box-sizing: border-box; } diff --git a/frontend/static/css/scheduling.css b/frontend/static/css/scheduling.css index 3aa333ca..2377b941 100644 --- a/frontend/static/css/scheduling.css +++ b/frontend/static/css/scheduling.css @@ -2,10 +2,10 @@ Scheduling — Modernized Huntarr Theme ============================================================ */ -/* Container */ +/* Container — no horizontal padding; align with page header / content boundary */ .sched-container { width: 100%; - padding: 0 16px; + padding: 0; box-sizing: border-box; display: flex; flex-direction: column; @@ -429,7 +429,7 @@ ============================================================ */ @media (max-width: 768px) { .sched-container { - padding: 0 4px; + padding: 0; gap: 14px; } diff --git a/frontend/static/css/settings-forms.css b/frontend/static/css/settings-forms.css index ce25fe56..a9746869 100644 --- a/frontend/static/css/settings-forms.css +++ b/frontend/static/css/settings-forms.css @@ -938,8 +938,7 @@ input#stateful_management_hours { } /* ═══════════════════════════════════════════════════════════════════ - Settings sub-pages — Match home page width (no centering, no extra - horizontal padding; content-section 40px provides consistent alignment) + Settings sub-pages — Use global content boundary (Import Media width) ═══════════════════════════════════════════════════════════════════ */ #media-hunt-settings-default-section .app-content-panel, #movieManagementSection .app-content-panel, @@ -952,8 +951,6 @@ input#stateful_management_hours { #settingsImportMediaSection .app-content-panel, #settingsRootFoldersSection .app-content-panel, #settingsLogsSection .app-content-panel { - max-width: none !important; - margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } diff --git a/frontend/static/css/style.css b/frontend/static/css/style.css index 0bb028e8..8df507ce 100644 --- a/frontend/static/css/style.css +++ b/frontend/static/css/style.css @@ -136,6 +136,8 @@ button { flex-direction: column; } +/* Content boundary — see content-boundary.css (single source of truth) */ + /* Blue slate background for main content area (Home, Media Hunt, etc.) */ body:has(.app-container) .main-content, .app-container .main-content { diff --git a/frontend/static/css/user.css b/frontend/static/css/user.css index b6ac2646..c62ce4fd 100644 --- a/frontend/static/css/user.css +++ b/frontend/static/css/user.css @@ -18,7 +18,7 @@ /* Container */ .uset-container { width: 100%; - padding: 0 16px; + padding: 0; box-sizing: border-box; } diff --git a/frontend/templates/components/head.html b/frontend/templates/components/head.html index 6a600d50..e4fe8f91 100644 --- a/frontend/templates/components/head.html +++ b/frontend/templates/components/head.html @@ -50,6 +50,7 @@ + diff --git a/frontend/templates/components/media_hunt_calendar_section.html b/frontend/templates/components/media_hunt_calendar_section.html index 69c659f9..1802dc3c 100644 --- a/frontend/templates/components/media_hunt_calendar_section.html +++ b/frontend/templates/components/media_hunt_calendar_section.html @@ -26,7 +26,7 @@ Configure Clients