From acb12e28b4023094a482e4c9ef1d5a0bb69704a8 Mon Sep 17 00:00:00 2001 From: AegisSight Date: Wed, 22 Jul 2026 23:06:09 +0200 Subject: [PATCH] Formularfelder stehen wieder auf einer Linie Der Zusatz "optional" stand als eigene Zeile unter dem Feldnamen. Dadurch wurde das Label dreizeilig und das Feld rutschte gegenueber dem Nachbarn um bis zu 48 Pixel nach unten, die Reihen wirkten schief. Der Zusatz steht jetzt in derselben Zeile, und die Labels einer Reihe haben eine gemeinsame Mindesthoehe, damit die Felder unabhaengig von der Textlaenge auf einer Linie beginnen. Auf dem Telefon steht jedes Feld ohnehin allein, dort entfaellt die Mindesthoehe. --- css/style.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 8366a94..6a5ecef 100644 --- a/css/style.css +++ b/css/style.css @@ -316,7 +316,10 @@ a { color:inherit; text-decoration:none; } .tf-note { display:block; font-size:0.85rem; margin-top:6px; line-height:1.5; } .tf-note-error { color:#C0392B; } .tf-note-ok { color:#1E7A44; } -.tf-hint { display:block; font-size:0.82rem; color:var(--text-light); margin-top:6px; font-weight:400; text-transform:none; letter-spacing:0; } +.tf-hint { font-size:0.82rem; color:var(--text-light); margin-left:5px; font-weight:400; text-transform:none; letter-spacing:0; } +/* Gleiche Labelhoehe, damit die Felder einer Reihe auf einer Linie starten */ +#trial-form .form-row label { min-height:42px; } +@media(max-width:768px) { #trial-form .form-row label { min-height:0; } } .tf-consent { display:flex; align-items:flex-start; gap:12px; margin:6px 0 22px; } .tf-consent input { width:18px; height:18px; margin-top:2px; flex:0 0 auto; accent-color:var(--gold-dark); } .tf-consent label { font-size:0.9rem; color:var(--text-light); line-height:1.6; font-weight:400; text-transform:none; letter-spacing:0; margin:0; }