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 */} {/* 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 flex-col items-center gap-3">
<div className="flex w-full items-stretch justify-center gap-3"> <div className="flex w-full items-stretch justify-center gap-3">
<Button <div className="w-[40%] min-w-0 shrink-0">
type="button" <Button
variant="outline" type="button"
className="h-9 w-[40%] min-w-0 shrink-0 normal-case" variant="outline"
onClick={() => setConfirmOpen(false)} className="h-9 w-full normal-case"
> onClick={() => setConfirmOpen(false)}
{t('settings.view.pendingRestart.confirm.cancel')} >
</Button> {t('settings.view.pendingRestart.confirm.cancel')}
<Button </Button>
type="button" </div>
variant="default" <div className="w-[40%] min-w-0 shrink-0">
className="h-9 w-[40%] min-w-0 shrink-0 normal-case" <Button
onClick={handleConfirmApply} type="button"
> variant="default"
{t('settings.view.actions.applyAndRestartOpenCode')} className="h-9 w-full normal-case"
</Button> onClick={handleConfirmApply}
>
{t('settings.view.actions.applyAndRestartOpenCode')}
</Button>
</div>
</div> </div>
<button <button
type="button" type="button"