From 0d9259473eeadc4df7b60ca09784645d6316c73b Mon Sep 17 00:00:00 2001
From: Stefan de Vogelaere <stefan.de.vogelaere@gmail.com>
Date: Mon, 19 Jan 2026 22:58:47 +0100
Subject: [PATCH] fix: prevent refresh button from overlapping close button in
 Dev Server dialog (#610)

* fix: prevent refresh button from overlapping close button in Dev Server dialog

Use compact mode for DialogContent and add right padding to the header
to ensure the refresh button doesn't overlap with the dialog close button.

Fixes #579

* fix: restore p-0 to prevent unwanted padding from compact mode
---
 .../worktree-panel/components/dev-server-logs-panel.tsx        | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/ui/src/components/views/board-view/worktree-panel/components/dev-server-logs-panel.tsx b/apps/ui/src/components/views/board-view/worktree-panel/components/dev-server-logs-panel.tsx
index 02dcdb29..0e9b5e59 100644
--- a/apps/ui/src/components/views/board-view/worktree-panel/components/dev-server-logs-panel.tsx
+++ b/apps/ui/src/components/views/board-view/worktree-panel/components/dev-server-logs-panel.tsx
@@ -134,9 +134,10 @@ export function DevServerLogsPanel({
       <DialogContent
         className="w-[70vw] max-w-[900px] max-h-[85vh] flex flex-col gap-0 p-0 overflow-hidden"
         data-testid="dev-server-logs-panel"
+        compact
       >
         {/* Compact Header */}
-        <DialogHeader className="shrink-0 px-4 py-3 border-b border-border/50">
+        <DialogHeader className="shrink-0 px-4 py-2.5 pr-10 border-b border-border/50">
           <div className="flex items-center justify-between">
             <DialogTitle className="flex items-center gap-2 text-base">
               <Terminal className="w-4 h-4 text-primary" />