From 19258096e235768a30038007d0650daad66f6c48 Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Mon, 13 Jul 2026 04:31:12 +0200 Subject: [PATCH] Tidy settings layout (web) - constrain settings panels to a 680px reading column so fields no longer stretch edge-to-edge on wide screens (main "looks bad" cause) - fix the app-password "Erstellen" button rendering centred below the input: .app-pw-create inherited flex-direction:column from .form-group; force row so it sits inline to the right of the field Co-Authored-By: Claude Opus 4.8 --- frontend/css/app.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/frontend/css/app.css b/frontend/css/app.css index cdda4d2..2813896 100644 --- a/frontend/css/app.css +++ b/frontend/css/app.css @@ -1304,7 +1304,9 @@ a { color: var(--primary); text-decoration: none; } flex: 1; overflow-y: auto; padding: 24px 28px; } .settings-panel { display: none; } -.settings-panel.active { display: block; } +/* Constrain content to a comfortable reading column so fields don't stretch + edge-to-edge on wide screens. */ +.settings-panel.active { display: block; max-width: 680px; } /* Panel typography */ .panel-title { @@ -1498,7 +1500,9 @@ a { color: var(--primary); text-decoration: none; } background: var(--surface-2); color: var(--text-1); } .ct-dav-hint { font-size: 11px; color: var(--text-3); margin-top: 6px; max-width: 640px; } -.app-pw-create { display: flex; gap: 8px; align-items: center; } +/* Row (not the column inherited from .form-group) so the "Erstellen" button + sits inline to the right of the name field instead of centred below it. */ +.app-pw-create { display: flex; flex-direction: row; gap: 8px; align-items: center; } .app-pw-create input { flex: 1; } /* Consistent placement for a section's action button: right-aligned, matching