From fbdc0830db8be375ac2084214dffd7c78001a964 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 3 Aug 2026 08:29:58 +0000
Subject: [PATCH] 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>
---
 .../views/OpenCodeReloadFooterAction.tsx      | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx b/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx
index 8dbb8c54..5d918205 100644
--- a/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx
+++ b/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx
@@ -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"