From 708a15d196e65d7f4562432b6938cef0fa07731e Mon Sep 17 00:00:00 2001 From: Jared Vititoe Date: Fri, 10 Jul 2026 14:48:00 -0400 Subject: [PATCH] fix(soundboard): let the clip-name field fill its available width The folds Input container is display:flex with no width, so inside the row's grow="Yes" wrapper the wrapper grew but the input collapsed to content width. Set width:100% on the Input so the name field uses the space the row gives it. Co-Authored-By: Claude Opus 4.8 --- src/app/components/soundboard-pack-view/SoundboardPackEditor.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app/components/soundboard-pack-view/SoundboardPackEditor.tsx b/src/app/components/soundboard-pack-view/SoundboardPackEditor.tsx index 838429548..d0aec0292 100644 --- a/src/app/components/soundboard-pack-view/SoundboardPackEditor.tsx +++ b/src/app/components/soundboard-pack-view/SoundboardPackEditor.tsx @@ -317,6 +317,7 @@ export function SoundboardPackEditor({ pack, canEdit, onUpdate }: SoundboardPack readOnly={!canEdit || markedDeleted} onChange={(e: React.ChangeEvent) => commit({ body: e.target.value })} aria-label="Clip name" + style={{ width: '100%' }} />