fix(automations): widen step-picker dropdown so labels don't wrap

The add-step dropdown was inheriting its width from the "+" button
(≈32px), hitting the base Menu min-w-32 (128px) and wrapping every
multi-word label ("Send Message", "Update Contact Field", etc.).
Set min-w-56 and explicit align="start" so the list anchors to the
button's left edge and each label fits on one line.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arnas Donauskas 2026-04-17 21:04:20 +03:00
parent a5f2a40b37
commit ad7137ece8
No known key found for this signature in database

View File

@ -651,7 +651,10 @@ function AddButton({ onPick }: { onPick: (t: AutomationStepType) => void }) {
> >
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent className="max-h-80 overflow-y-auto border-slate-700 bg-slate-900"> <DropdownMenuContent
align="start"
className="max-h-80 min-w-56 overflow-y-auto border-slate-700 bg-slate-900"
>
{ADDABLE_STEPS.map((t) => { {ADDABLE_STEPS.map((t) => {
const Icon = STEP_META[t].icon const Icon = STEP_META[t].icon
return ( return (