feat: better looking buttons in flexradio panel

2026-06-29 23:21:54 +02:00
parent a05dd6b3a9
commit 9281645359
1 changed files with 5 additions and 2 deletions
@@ -111,8 +111,11 @@ function Chip({ on, onClick, label, disabled, accent = 'emerald' }: {
  }[accent];
  return (
    <button type="button" onClick={onClick} disabled={disabled}
-      className={cn('w-14 shrink-0 px-2 py-1 rounded-md text-[11px] font-bold border transition-colors disabled:opacity-30',
-        on ? onCls : 'bg-card text-muted-foreground border-border hover:bg-muted')}>
+      className={cn(
+        // min width (not fixed) so a longer label like STONE keeps symmetric
+        // padding instead of overflowing; short labels (NB/NR/APF) stay aligned.
+        'min-w-[3.5rem] shrink-0 px-2.5 py-1 rounded-md text-[11px] font-bold border text-center tracking-wide transition-all disabled:opacity-30',
+        on ? cn(onCls, 'shadow-sm') : 'bg-card text-muted-foreground border-border hover:bg-muted hover:border-muted-foreground/30')}>
      {label}
    </button>
  );