From 4956a133d3cd3fcd402be082bc9492afcf4eb2c2 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Mon, 3 Aug 2026 08:06:19 +0000
Subject: [PATCH] Make Apply & Restart confirm actions nearly full-width.

Keep Cancel and Apply & Restart at about 40% each and centered,
with the don't-show-again checkbox stacked underneath.

Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com>
---
 .../src/components/views/OpenCodeReloadFooterAction.tsx   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx b/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx
index 844264e5..f730aaf5 100644
--- a/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx
+++ b/packages/ui/src/components/views/OpenCodeReloadFooterAction.tsx
@@ -147,19 +147,19 @@ export const OpenCodeReloadFooterAction: React.FC<OpenCodeReloadFooterActionProp
               {t('settings.view.pendingRestart.confirm.description')}
             </DialogDescription>
           </DialogHeader>
-          <DialogFooter className="w-full flex-col gap-3 sm:flex-col sm:justify-center">
-            <div className="flex w-full items-center justify-center gap-3">
+          <DialogFooter className="!flex w-full !flex-col gap-3 sm:!flex-col sm:!justify-center">
+            <div className="mx-auto flex w-full max-w-none items-stretch justify-center gap-3 px-0">
               <button
                 type="button"
                 onClick={() => setConfirmOpen(false)}
-                className="inline-flex h-9 w-[40%] items-center justify-center rounded-md border border-border px-3 typography-ui-label text-foreground hover:bg-interactive-hover/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
+                className="inline-flex h-9 w-[40%] min-w-0 flex-none items-center justify-center rounded-md border border-border px-3 typography-ui-label text-foreground hover:bg-interactive-hover/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
               >
                 {t('settings.view.pendingRestart.confirm.cancel')}
               </button>
               <button
                 type="button"
                 onClick={handleConfirmApply}
-                className="inline-flex h-9 w-[40%] items-center justify-center rounded-md bg-primary px-3 typography-ui-label text-primary-foreground hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
+                className="inline-flex h-9 w-[40%] min-w-0 flex-none items-center justify-center rounded-md bg-primary px-3 typography-ui-label text-primary-foreground hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50"
               >
                 {t('settings.view.actions.applyAndRestartOpenCode')}
               </button>