From e8c18adafb2178b80fec8e975c4fb802bc6cc4c1 Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Mon, 19 Oct 2026 06:54:18 +0200 Subject: [PATCH] fix: Das Notizfeld sieht aus wie die anderen Felder, statt als winziges Kaestchen Co-Authored-By: Claude Opus 5 --- web/src/styles.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/web/src/styles.css b/web/src/styles.css index 065b996..85bbc57 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -225,7 +225,7 @@ h2 { font-size: 0.95rem; font-weight: 650; margin: 0 0 var(--sp-3); letter-spaci /* ---------- Forms ---------- */ label { display: block; margin-bottom: var(--sp-4); font-size: 0.8rem; color: var(--muted); font-weight: 580; } -input, select { +input, select, textarea { width: 100%; margin-top: 5px; padding: 8px 10px; border: 1px solid var(--border-strong); @@ -234,11 +234,13 @@ input, select { background: var(--surface); color: var(--text); transition: border-color .12s, box-shadow .12s; } -input:focus, select:focus { +input:focus, select:focus, textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); } -input::placeholder { color: var(--muted); opacity: 0.7; } +input::placeholder, textarea::placeholder { color: var(--muted); opacity: 0.7; } +/* Nur in der Hoehe ziehbar: seitwaerts sprengte das Feld den Dialog. */ +textarea { resize: vertical; min-height: 4.5em; line-height: 1.45; } /* Ankreuzfelder sind keine Textfelder: die Regel oben (width:100%, margin-top) zoege sie sonst ueber die volle Breite, das Haekchen landete in der Mitte und der Text daneben ganz rechts. Hier zentral ausgenommen, damit das nicht an