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 <noreply@anthropic.com>

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; }