Enforce equal 40% widths for confirm dialog actions.

Wrap Cancel and Apply & Restart in fixed-percentage containers so
Button content sizing cannot skew the centered pair.

Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com>
This commit is contained in:
Cursor Agent
2026-08-03 08:29:58 +00:00
co-authored by Serhii Dziupin
parent 12715c6e73
commit fbdc0830db
@@ -151,22 +151,26 @@ export const OpenCodeReloadFooterAction: React.FC<OpenCodeReloadFooterActionProp
{/* Plain stack — avoid DialogFooter (sm:flex-row) fighting this layout */}
<div className="flex w-full flex-col items-center gap-3">
<div className="flex w-full items-stretch justify-center gap-3">
<Button
type="button"
variant="outline"
className="h-9 w-[40%] min-w-0 shrink-0 normal-case"
onClick={() => setConfirmOpen(false)}
>
{t('settings.view.pendingRestart.confirm.cancel')}
</Button>
<Button
type="button"
variant="default"
className="h-9 w-[40%] min-w-0 shrink-0 normal-case"
onClick={handleConfirmApply}
>
{t('settings.view.actions.applyAndRestartOpenCode')}
</Button>
<div className="w-[40%] min-w-0 shrink-0">
<Button
type="button"
variant="outline"
className="h-9 w-full normal-case"
onClick={() => setConfirmOpen(false)}
>
{t('settings.view.pendingRestart.confirm.cancel')}
</Button>
</div>
<div className="w-[40%] min-w-0 shrink-0">
<Button
type="button"
variant="default"
className="h-9 w-full normal-case"
onClick={handleConfirmApply}
>
{t('settings.view.actions.applyAndRestartOpenCode')}
</Button>
</div>
</div>
<button
type="button"