v0.316.1: the settings tab's reused form markup loses the install page's boxes
gates / gates (push) Failing after 47s

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 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0117kRTSgs3rJWUFGxyoWN6Y
This commit is contained in:
2026-10-15 20:45:57 +02:00
parent 006ceab58a
commit f908eee2a3
@@ -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; }