From 8a56b13036cfdd0a3048f31c05b2a817ae6a437c Mon Sep 17 00:00:00 2001 From: Scarriffle Date: Tue, 22 Sep 2026 14:22:51 +0200 Subject: [PATCH] Einzelstueck-Details: "Gekauft bei" steht in einer Reihe mit den Nachbarn Im aufgeklappten Bereich stehen die Beschriftungen ueber den Feldern. Beim Auswahlfeld "Gekauft bei" klebte sie stattdessen links daneben, waehrend "Gekauft am" und "Garantie bis" darueber standen - die Zeile sah dadurch verrutscht aus. Ursache war nicht das Markup, das ist identisch zu den Nachbarn, sondern td select { width: auto } (styles.css). Die Regel ist fuer die kompakte Tabellenzeile richtig, im Detailbereich schrumpft sie das Feld aber auf Inhaltsbreite, sodass es neben seine Beschriftung passt. Nur direkte Kinder eines label: Waehrung und Preisvorschlag sitzen in eigenen Zeilen-Behaeltern und bleiben schmal. Co-Authored-By: Claude Opus 5 --- web/src/styles.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/web/src/styles.css b/web/src/styles.css index 6e37c28..d9fc945 100644 --- a/web/src/styles.css +++ b/web/src/styles.css @@ -471,6 +471,13 @@ td select { width: auto; min-width: 0; max-width: 100%; } Trennlinie und keine eigene Färbung dazwischen, nur unter der Detailzeile. */ .einzel-mainrow > td { border-bottom: none; } .einzel-detailrow > td { border-top: none; padding-top: 0; } +/* Im aufgeklappten Bereich stehen die Beschriftungen UEBER den Feldern, nicht + kompakt daneben wie in der Tabellenzeile. Die Regel „td select { width:auto }" + liess das Auswahlfeld dort neben seiner Beschriftung kleben, waehrend die + Datumsfelder darunter standen - „Gekauft bei" fiel dadurch aus der Reihe. + Nur direkte Kinder: Waehrung und Preisvorschlag sitzen in eigenen Zeilen- + Behaeltern und sollen schmal bleiben. */ +.einzel-detailrow label > select { width: 100%; } .table tbody tr:hover { background: var(--surface-2); } .num { text-align: right; font-variant-numeric: tabular-nums; } .strong { font-weight: 640; }