From a31ba0c7856fea4f6ec140ec812b290ea60b7959 Mon Sep 17 00:00:00 2001
From: Guido <guido.schmit03@gmail.com>
Date: Wed, 19 Aug 2026 19:59:14 +0200
Subject: [PATCH] fix: IBAN-Wertfeld im Konto-Formular war zu schmal
 (Flex-Shrink)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ein 100%-breites select drängte das danebenliegende Eingabefeld auf 0.
Select auf feste Breite, .row-Kinder dürfen schrumpfen (min-width:0).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 web/src/finance.css        | 7 +++++++
 web/src/pages/Accounts.jsx | 5 +++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/src/finance.css b/web/src/finance.css
index 59c8a9f..a406b7d 100644
--- a/web/src/finance.css
+++ b/web/src/finance.css
@@ -51,6 +51,13 @@
 }
 .input-with-button > input {
   flex: 1 1 auto;
+  min-width: 0;
+}
+
+/* Flex-Kinder dürfen schrumpfen – sonst drängt ein 100%-breites select/input
+   ein danebenliegendes Feld auf 0 (das war der Grund für das winzige IBAN-Feld). */
+.row > * {
+  min-width: 0;
 }
 
 /* Leerer Zustand (z. B. Dashboard ohne Karten). */
diff --git a/web/src/pages/Accounts.jsx b/web/src/pages/Accounts.jsx
index da319f4..57625bd 100644
--- a/web/src/pages/Accounts.jsx
+++ b/web/src/pages/Accounts.jsx
@@ -229,7 +229,7 @@ export default function Accounts() {
             <label style={{ marginBottom: 6 }}><span>{t("accounts.identifiers")}</span></label>
             {form.identifiers.map((ident, idx) => (
               <div className="row" key={idx} style={{ marginBottom: 6 }}>
-                <select style={{ minWidth: 130 }} value={ident.kind}
+                <select style={{ flex: "0 0 150px", width: "auto" }} value={ident.kind}
                         onChange={(e) => {
                           const next = [...form.identifiers];
                           next[idx] = { ...ident, kind: e.target.value };
@@ -239,7 +239,8 @@ export default function Accounts() {
                   <option value="account_no">{t("identifierKinds.account_no")}</option>
                   <option value="card_no">{t("identifierKinds.card_no")}</option>
                 </select>
-                <input className="grow" value={ident.value}
+                <input className="grow" style={{ minWidth: 0 }} value={ident.value}
+                       placeholder="DE.. / Nr."
                        onChange={(e) => {
                          const next = [...form.identifiers];
                          next[idx] = { ...ident, value: e.target.value };