style(ui): wrap button children in span with size-aware min-height class

2026-04-22 19:48:23 -04:00
parent 5f93dda87d
commit b60514aebc
1 changed files with 10 additions and 1 deletions
@@ -46,6 +46,12 @@ const Button = ({
        lg: ''
    };

+    const textSizes = {
+        sm: '',
+        md: 'min-h-4',
+        lg: ''
+    };
+
    const LoadingSpinner = () => (
        <div className={`border-2 border-current border-t-transparent rounded-full animate-spin ${iconSizes[size]}`} />
    );
@@ -73,7 +79,10 @@ const Button = ({
                    {Icon && iconPosition === 'left' && (
                        <Icon className={iconSizes[size]}/>
                    )}
+                    <span className={textSizes[size]}>
                        {children}
+                    </span>
+                    
                    {Icon && iconPosition === 'right' && (
                        <Icon className={iconSizes[size]}/>
                    )}