From 7d66311107345e1ac8c4f3565e5aa5a1a5b88609 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Fri, 6 Feb 2026 04:09:04 +0100
Subject: [PATCH] feat: Navigation UI improvements

---
 tools/server/webui/src/app.css                             | 6 +++---
 .../components/app/chat/ChatScreen/ChatScreenHeader.svelte | 7 ++++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/tools/server/webui/src/app.css b/tools/server/webui/src/app.css
index 33a31836c6..8ce95bb531 100644
--- a/tools/server/webui/src/app.css
+++ b/tools/server/webui/src/app.css
@@ -121,12 +121,12 @@
 	--chat-form-area-offset: 2rem;
 	--max-message-height: max(24rem, min(80dvh, calc(100dvh - var(--chat-form-area-height) - 12rem)));
 }
-	
+
 @media (min-width: 640px) {
-	:root{
+	:root {
 		--chat-form-area-height: 24rem;
 		--chat-form-area-offset: 12rem;
-}
+	}
 }
 
 :root {
diff --git a/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenHeader.svelte b/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenHeader.svelte
index bbf401ea92..4909d60457 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenHeader.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatScreen/ChatScreenHeader.svelte
@@ -19,7 +19,12 @@
 		: ''}"
 >
 	<div class="pointer-events-auto flex items-center space-x-2">
-		<Button variant="ghost" size="sm" onclick={toggleSettings}>
+		<Button
+			variant="ghost"
+			size="icon"
+			onclick={toggleSettings}
+			class="rounded-full backdrop-blur-lg"
+		>
 			<Settings class="h-4 w-4" />
 		</Button>
 	</div>