From c4c1eb406852ff44bab288cffbaac88b9f98cd9a Mon Sep 17 00:00:00 2001
From: Louis Knight-Webb <louis@bloop.ai>
Date: Mon, 17 Nov 2025 09:41:45 +0000
Subject: [PATCH] Fix confirm retry spacing (vibe-kanban) (#1296)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* ✓ All done! Fixed the confirm retry spacing issue in [RestoreLogsDialog.tsx](file:///private/var/folders/m1/9q_ct1913z10v6wbnv54j25r0000gn/T/vibe-kanban/worktrees/2b95-fix-confirm-retr/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx).

**Changes made:**
- Added `flex-1 min-w-0 break-words` to commit subject spans (2 locations)
- Added `flex-1 min-w-0 break-words` to toggle labels (3 locations)

This prevents long commit messages and labels from pushing toggles off-screen. All type checks pass.

* improve layout
---
 .../src/components/dialogs/tasks/RestoreLogsDialog.tsx | 10 +++++-----
 frontend/src/components/ui/dialog.tsx                  |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx b/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx
index 864beda2..953fb6c0 100644
--- a/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx
+++ b/frontend/src/components/dialogs/tasks/RestoreLogsDialog.tsx
@@ -175,7 +175,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                         aria-checked={worktreeResetOn}
                         onClick={() => setWorktreeResetOn((v) => !v)}
                       >
-                        <div className="text-xs text-muted-foreground">
+                        <div className="text-xs text-muted-foreground flex-1 min-w-0 break-words">
                           {worktreeResetOn ? 'Enabled' : 'Disabled'}
                         </div>
                         <div className="ml-auto relative inline-flex h-5 w-9 items-center rounded-full">
@@ -210,7 +210,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                               </span>
                             )}
                             {targetSubject && (
-                              <span className="text-muted-foreground break-words whitespace-normal">
+                              <span className="text-muted-foreground break-words flex-1 min-w-0 max-w-full">
                                 {targetSubject}
                               </span>
                             )}
@@ -275,7 +275,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                           });
                         }}
                       >
-                        <div className="text-xs text-muted-foreground">
+                        <div className="text-xs text-muted-foreground flex-1 min-w-0 break-words">
                           {forceReset
                             ? worktreeResetOn
                               ? 'Enabled'
@@ -312,7 +312,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                           });
                         }}
                       >
-                        <div className="text-xs font-medium text-destructive">
+                        <div className="text-xs font-medium text-destructive flex-1 min-w-0 break-words">
                           Force reset (discard uncommitted changes)
                         </div>
                         <div className="ml-auto relative inline-flex h-5 w-9 items-center rounded-full">
@@ -348,7 +348,7 @@ export const RestoreLogsDialog = NiceModal.create<RestoreLogsDialogProps>(
                               {short}
                             </span>
                             {targetSubject && (
-                              <span className="text-muted-foreground break-words whitespace-normal">
+                              <span className="text-muted-foreground break-words flex-1 min-w-0 max-w-full">
                                 {targetSubject}
                               </span>
                             )}
diff --git a/frontend/src/components/ui/dialog.tsx b/frontend/src/components/ui/dialog.tsx
index d80769db..f0740120 100644
--- a/frontend/src/components/ui/dialog.tsx
+++ b/frontend/src/components/ui/dialog.tsx
@@ -182,7 +182,7 @@ const DialogContent = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement>
 >(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('grid gap-4', className)} {...props} />
+  <div ref={ref} className={cn('flex flex-col gap-4', className)} {...props} />
 ));
 DialogContent.displayName = 'DialogContent';