diff --git a/src/main/resources/static/css/styles.css b/src/main/resources/static/css/styles.css index bc7bc39..c5df6d2 100644 --- a/src/main/resources/static/css/styles.css +++ b/src/main/resources/static/css/styles.css @@ -81,7 +81,7 @@ body { .channels-shell, .settings-shell { - width: min(760px, 100%); + width: 100%; display: flex; flex-direction: column; gap: 20px; @@ -110,6 +110,8 @@ body { .settings-main { display: flex; justify-content: center; + flex-direction: column; + gap: 14px; } .error-main { @@ -204,23 +206,15 @@ body { } .settings-hero { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: 20px; - align-items: center; + display: flex; + flex-direction: column; + gap: 16px; } -.settings-layout { - display: grid; - grid-template-columns: 2fr minmax(260px, 1fr); +.settings-stack { + display: flex; + flex-direction: column; gap: 18px; - align-items: start; -} - -@media (max-width: 900px) { - .settings-layout { - grid-template-columns: 1fr; - } } .settings-panel { @@ -229,12 +223,6 @@ body { gap: 18px; } -.settings-sidebar { - display: flex; - flex-direction: column; - gap: 14px; -} - .hero-copy h1 { margin: 8px 0 6px; } diff --git a/src/main/resources/templates/settings.html b/src/main/resources/templates/settings.html index e78e536..8279c70 100644 --- a/src/main/resources/templates/settings.html +++ b/src/main/resources/templates/settings.html @@ -39,11 +39,6 @@ Configure overlay performance and audio guardrails for every channel using Imgfloat. These settings are applied globally.
-Access
-- Invite teammates who can manage global defaults and other system-wide actions. -
-These users can access the settings page and APIs.
-Access
++ Invite teammates who can manage global defaults and other system-wide actions. +
+These users can access the settings page and APIs.
Heads up
++ Changes here update every channel immediately. Save carefully and confirm with your team. +
+