From aaa0bd432f07bae00367fd95e9c51ca43a613568 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Sun, 8 Feb 2026 23:44:38 +0100
Subject: [PATCH] feat: Minor UI tweaks

---
 .../dialogs/DialogMcpResourcePreview.svelte   |  2 +-
 .../app/mcp/McpServersSettings.svelte         | 22 ++++++-------------
 2 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/tools/server/webui/src/lib/components/app/dialogs/DialogMcpResourcePreview.svelte b/tools/server/webui/src/lib/components/app/dialogs/DialogMcpResourcePreview.svelte
index 2a2e9411c6..f9d390ce4b 100644
--- a/tools/server/webui/src/lib/components/app/dialogs/DialogMcpResourcePreview.svelte
+++ b/tools/server/webui/src/lib/components/app/dialogs/DialogMcpResourcePreview.svelte
@@ -92,7 +92,7 @@
 			</Dialog.Description>
 		</Dialog.Header>
 
-		<div class="flex justify-end gap-1">
+		<div class="flex items-center justify-end gap-1">
 			<ActionIconCopyToClipboard
 				text={extra.content}
 				canCopy={!!extra.content}
diff --git a/tools/server/webui/src/lib/components/app/mcp/McpServersSettings.svelte b/tools/server/webui/src/lib/components/app/mcp/McpServersSettings.svelte
index 3eabb7e8bd..4410a5bee9 100644
--- a/tools/server/webui/src/lib/components/app/mcp/McpServersSettings.svelte
+++ b/tools/server/webui/src/lib/components/app/mcp/McpServersSettings.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Plus, X } from '@lucide/svelte';
+	import { Plus } from '@lucide/svelte';
 	import { Button } from '$lib/components/ui/button';
 	import * as Card from '$lib/components/ui/card';
 	import { getFaviconUrl } from '$lib/utils';
@@ -94,19 +94,7 @@
 	{#if isAddingServer}
 		<Card.Root class="bg-muted/30 p-4">
 			<div class="space-y-4">
-				<div class="flex items-center justify-between">
-					<p class="font-medium">Add New Server</p>
-
-					<Button
-						variant="ghost"
-						size="icon"
-						class="h-7 w-7"
-						onclick={cancelAddServer}
-						aria-label="Cancel"
-					>
-						<X class="h-3.5 w-3.5" />
-					</Button>
-				</div>
+				<p class="font-medium">Add New Server</p>
 
 				<McpServerForm
 					url={newServerUrl}
@@ -117,7 +105,11 @@
 					id="new-server"
 				/>
 
-				<div class="flex items-center justify-end">
+				<div class="flex items-center justify-end gap-2">
+					<Button variant="secondary" size="sm" onclick={cancelAddServer}>
+						Cancel
+					</Button>
+
 					<Button
 						variant="default"
 						size="sm"