From bf570b6d2ab94c2489adafe3cae6bdfceea22ada Mon Sep 17 00:00:00 2001
From: Jason <farion1231@gmail.com>
Date: Sun, 21 Dec 2025 16:23:47 +0800
Subject: [PATCH] fix(ui): prevent header layout shift when switching views

Add min-height to right-side button container and ml-auto to add buttons
in MCP/Prompts views to maintain consistent header height and button
position across all views.
---
 src/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 3388f3c5..e215123a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -496,14 +496,14 @@ function App() {
           </div>
 
           <div
-            className="flex items-center gap-2"
+            className="flex items-center gap-2 min-h-[40px]"
             style={{ WebkitAppRegion: "no-drag" } as any}
           >
             {currentView === "prompts" && (
               <Button
                 size="icon"
                 onClick={() => promptPanelRef.current?.openAdd()}
-                className={addActionButtonClass}
+                className={`ml-auto ${addActionButtonClass}`}
                 title={t("prompts.add")}
               >
                 <Plus className="w-5 h-5" />
@@ -513,7 +513,7 @@ function App() {
               <Button
                 size="icon"
                 onClick={() => mcpPanelRef.current?.openAdd()}
-                className={addActionButtonClass}
+                className={`ml-auto ${addActionButtonClass}`}
                 title={t("mcp.unifiedPanel.addServer")}
               >
                 <Plus className="w-5 h-5" />