From 15f1f33136486eca0edeee224650f29614785b2d Mon Sep 17 00:00:00 2001
From: Pascal Brokmeier <git@pascalbrokmeier.de>
Date: Sun, 22 Feb 2026 17:28:37 +0100
Subject: [PATCH] fix(ui): stack filing status and federal state in single
 column

- Render dynamic enum inputs (Filing Status, Federal State, etc.) in a
  single column instead of grid-cols-2 so long labels and options fit
  inside the card without overflow.
- Give enum SelectTriggers w-full and min-w-0 for proper flex behavior.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/components/calculator/country-column.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/calculator/country-column.tsx b/src/components/calculator/country-column.tsx
index 3be0963..a6618e4 100644
--- a/src/components/calculator/country-column.tsx
+++ b/src/components/calculator/country-column.tsx
@@ -335,11 +335,11 @@ export function CountryColumn({
             </div>
           </div>
 
-          {/* Dynamic Enum Inputs */}
+          {/* Dynamic Enum Inputs - single column so long labels/options fit */}
           {enumInputs.length > 0 && (
-            <div className="grid grid-cols-2 gap-2">
+            <div className="space-y-2">
               {enumInputs.map(([key, def]) => (
-                <div key={key} className="space-y-1">
+                <div key={key} className="space-y-1 min-w-0">
                   <Label htmlFor={`${key}-${index}`} className="text-xs text-muted-foreground">
                     {def.label || key}
                   </Label>
@@ -347,7 +347,7 @@ export function CountryColumn({
                     value={formValues[key] || (def.default ? String(def.default) : "__none__")}
                     onValueChange={v => updateFormValue(key, v === "__none__" ? "" : v)}
                   >
-                    <SelectTrigger id={`${key}-${index}`} className="h-10 md:h-9">
+                    <SelectTrigger id={`${key}-${index}`} className="h-10 md:h-9 w-full">
                       <SelectValue placeholder="Select" />
                     </SelectTrigger>
                     <SelectContent>