Felder unter "Fahrzeug einrichten" gleich lang

Ohne feste Breite bemisst sich jedes Feld nach seinem eigenen Inhalt, die
rechte Kante steht fest, und die linken Kanten fransen aus: gemessen
216/202/195/206 in der App und 220/209/203/213 im Panel.

Jetzt 180px in beiden. Der Wert ist die engste Grenze beider Oberflaechen -
das laengste Label ("Erstzulassung") laesst in der App nur 183px fuers Feld,
im Panel 196px.

Vorbehalt: von elf Modell-Eintraegen ist einer laenger als der verbleibende
Textplatz ("RS 6 Avant performance", 182px gegen 142px) und wird ausgewaehlt
abgeschnitten. In der aufgeklappten Liste steht er vollstaendig.

Nachgemessen in beiden: vier Felder je 180px, gleiche linke Kante, kein Label
bricht um.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

companion-app/src/screens/Einstellungen.tsx

@@ -391,21 +391,21 @@ export function Einstellungen({
           <>
             <Feld label="Modell">
               <input
-                className="dm-eingabe"
+                className="dm-eingabe dm-eingabe--fahrzeug"
                 value={werte.fahrzeugtitel}
                 onChange={(e) => aendern({ fahrzeugtitel: e.target.value })}
               />
             </Feld>
             <Feld label="Kennzeichen">
               <input
-                className="dm-eingabe"
+                className="dm-eingabe dm-eingabe--fahrzeug"
                 value={werte.kennzeichen}
                 onChange={(e) => aendern({ kennzeichen: e.target.value })}
               />
             </Feld>
             <Feld label="Erstzulassung">
               <input
-                className="dm-eingabe"
+                className="dm-eingabe dm-eingabe--fahrzeug"
                 placeholder="TT.MM.JJJJ"
                 value={erstzulassungWert}
                 onChange={(e) => setzeErstzulassung(e.target.value)}
@@ -413,7 +413,7 @@ export function Einstellungen({
             </Feld>
             <Feld label="Ausführung" last>
               <input
-                className="dm-eingabe"
+                className="dm-eingabe dm-eingabe--fahrzeug"
                 value={werte.ausfuehrung}
                 onChange={(e) => aendern({ ausfuehrung: e.target.value })}
               />

companion-app/src/stile/screens.css

@@ -26,6 +26,23 @@
    Werkstattname wurde abgeschnitten (gemeldet am 05.09.2026). */
 .ads-mit-einheit input.dm-eingabe--betrag { width: 116px; }
 
+/* Die vier Felder unter "Fahrzeug einrichten" gleich lang.
+
+   Ohne feste Breite bemisst sich jedes nach seinem eigenen Inhalt, die
+   rechte Kante steht fest, und die linken Kanten franst es aus - am
+   05.09.2026 gemessen: 216/202/195/206 in der App, 220/209/203/213 im
+   Panel.
+
+   180px ist kein runder Zufallswert, sondern die engste Grenze beider
+   Oberflächen: das längste Label ("Erstzulassung") lässt in der App nur
+   183px fürs Feld, im Panel 196px. 180 passt in beiden mit etwas Luft und
+   hält sie zugleich untereinander gleich. */
+.ads-feld input.dm-eingabe--fahrzeug {
+  width: 180px;
+  flex: 0 0 auto;
+  max-width: none;
+}
+
 .dm-eingabe::placeholder {
   color: var(--fg3);
 }

custom_components/audi_dashboard/frontend/app/bundle.json

@@ -1 +1 @@
-{"version":"2026.9.5.12","sha256":"3c0199aa402d413145056a5d51be3ecadc038557ff3feb9af0da24df86702753","bytes":324476,"gebaut":"2026-09-05T08:29:16Z"}
+{"version":"2026.9.5.13","sha256":"2579ca3c3746527cf41db8c7b610c7f6be4796126b734229924cb373a801620a","bytes":324486,"gebaut":"2026-09-05T08:38:18Z"}

custom_components/audi_dashboard/frontend/audi-dashboard-app.js

@@ -3573,16 +3573,16 @@ function vEinst() {
             title="${CAR.finAutomatisch ? "Wird automatisch aus den im Setup zugeordneten Sensoren ermittelt - \"automatisch\" ausschalten, um von Hand einzutragen." : ""}">
         </span></div>
       <div class="feld"><label for="einModell">Modell</label>
-        <select id="einModell" data-einrichten="modell">
+        <select id="einModell" class="w-fahrzeug" data-einrichten="modell">
           ${(FAHRZEUG_MODELLE.includes(CONFIG.fahrzeugtitel) ? FAHRZEUG_MODELLE : [CONFIG.fahrzeugtitel, ...FAHRZEUG_MODELLE])
             .map((m) => `<option ${m === CONFIG.fahrzeugtitel ? "selected" : ""}>${esc(m)}</option>`).join("")}
         </select></div>
       <div class="feld"><label for="einKennzeichen">Kennzeichen</label>
-        <input id="einKennzeichen" value="${esc(CONFIG.kennzeichen || "")}" data-einrichten="kennzeichen"></div>
+        <input id="einKennzeichen" class="w-fahrzeug" value="${esc(CONFIG.kennzeichen || "")}" data-einrichten="kennzeichen"></div>
       <div class="feld"><label for="einErstzulassung">Erstzulassung</label>
-        <input id="einErstzulassung" value="${esc(CAR.erstzulassung || "")}" data-einrichten="erstzulassung" placeholder="TT.MM.JJJJ"></div>
+        <input id="einErstzulassung" class="w-fahrzeug" value="${esc(CAR.erstzulassung || "")}" data-einrichten="erstzulassung" placeholder="TT.MM.JJJJ"></div>
       <div class="feld" style="border-bottom:0"><label for="einAusfuehrung">Ausführung</label>
-        <input id="einAusfuehrung" value="${esc(CONFIG.ausfuehrung || "")}" data-einrichten="ausfuehrung"></div>
+        <input id="einAusfuehrung" class="w-fahrzeug" value="${esc(CONFIG.ausfuehrung || "")}" data-einrichten="ausfuehrung"></div>
       <span class="label" style="margin-top:20px">Ölwechsel-Intervall</span>
       <div class="seg" style="margin-top:8px">
         <button data-oel="hersteller" class="${CAR.oel.modus === "hersteller" ? "on" : ""}">Herstellervorgabe</button>

custom_components/audi_dashboard/frontend/audi-dashboard.css

@@ -839,6 +839,18 @@ img.carfix.klein { aspect-ratio: auto; height: auto; }
    keine Spalte neben einem Label und steht deshalb in einer .feld--breit-Zeile
    ueber die ganze Breite. */
 .feld input.w-datum { width: 124px; flex: 0 0 auto; }
+/* Die vier Felder unter "Fahrzeug einrichten" gleich lang.
+
+   Ohne feste Breite bemisst sich jedes nach seinem eigenen Inhalt, die
+   rechte Kante steht fest, und die linken Kanten franst es aus - am
+   05.09.2026 gemessen: 216/202/195/206 in der App, 220/209/203/213 im
+   Panel.
+
+   180px ist kein runder Zufallswert, sondern die engste Grenze beider
+   Oberflaechen: das laengste Label ("Erstzulassung") laesst in der App nur
+   183px fuers Feld, im Panel 196px. 180 passt in beiden mit etwas Luft und
+   haelt sie zugleich untereinander gleich. */
+.feld input.w-fahrzeug, .feld select.w-fahrzeug { width: 180px; flex: 0 0 auto; }
 .mitEinheit input.w-betrag { width: 116px; }
 .notiz { width: 100%; text-align: left; margin-top: 14px; line-height: 1.55; resize: vertical; }
 

custom_components/audi_dashboard/manifest.json

@@ -1,7 +1,7 @@
 {
   "domain": "audi_dashboard",
   "name": "Audi Dashboard",
-  "version": "2026.9.5.12",
+  "version": "2026.9.5.13",
   "documentation": "https://gitea.nothaft.cloud/paul/audi-app/src/branch/main/README.md",
   "issue_tracker": "https://gitea.nothaft.cloud/paul/audi-app/issues",
   "codeowners": [