From f908eee2a3a76ec9b680982537872c2a7fcdb7a4 Mon Sep 17 00:00:00 2001 From: kisfenyo Date: Thu, 15 Oct 2026 20:45:57 +0200 Subject: [PATCH] v0.316.1: the settings tab's reused form markup loses the install page's boxes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The fields on Beallitasok are the install wizard's markup, which carries that page's card around the whole form and one around every generated value. On a TAB those are sections, so the boxes come off; the input itself is still a field, which is what tells the household it holds a value. Scoped to .app-section so the install page — same column, its own form — is untouched. Found in a browser by asking the page which elements still paint a background, rather than reading the markup and guessing. Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_0117kRTSgs3rJWUFGxyoWN6Y --- controller/internal/web/templates/style.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/controller/internal/web/templates/style.css b/controller/internal/web/templates/style.css index f889940..30c5c98 100644 --- a/controller/internal/web/templates/style.css +++ b/controller/internal/web/templates/style.css @@ -1420,6 +1420,24 @@ a.stat-card:hover { /* „Something here is risky" — the exception colour, and only on a deviation. */ .app-callout-warn { border-color: var(--warn); background: var(--warn-dim); } +/* The settings tab reuses the install wizard's field markup, which carries that page's boxes: a + card around the whole form and one around every generated value. On a TAB those are sections, so + the boxes come off — the input itself is still a field, which is what tells the household it is a + value. Scoped to .app-section, so the install page (same column, its own form) is untouched. */ +.app-section .deploy-form, +.app-section .form-group-auto, +.app-section .app-optional-config, +.app-section .deploy-storage-info, +.app-section .deploy-cross-drive, +.app-section .monitor-card, +.app-section .card { + background: none; + border: 0; + border-radius: 0; + padding-left: 0; + padding-right: 0; +} + .app-faq { margin: .5rem 0 0; } .app-faq dt { color: var(--text-1); font-weight: 600; margin-top: .85rem; } .app-faq dd { color: var(--text-2); margin: .25rem 0 0; padding: 0; }