From cde9d45008d1cb508057326f1ef56b48bb114c17 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Mon, 9 Feb 2026 19:38:44 +0100
Subject: [PATCH] feat: UI improvements

---
 .../chat/ChatAttachments/ChatAttachmentMcpResources.svelte   | 3 ++-
 .../src/lib/components/app/chat/ChatForm/ChatForm.svelte     | 5 +++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResources.svelte b/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResources.svelte
index 07d21ab9af..341bf32c05 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResources.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatAttachments/ChatAttachmentMcpResources.svelte
@@ -28,8 +28,9 @@
 {#if hasAttachments}
 	<div class={className}>
 		<HorizontalScrollCarousel gapSize="2">
-			{#each attachments as attachment (attachment.id)}
+			{#each attachments as attachment, i (attachment.id)}
 				<ChatAttachmentMcpResource
+					class={i === 0 ? 'ml-3' : ''}
 					{attachment}
 					onRemove={handleRemove}
 					onClick={() => handleResourceClick(attachment.resource.uri)}
diff --git a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
index 46d5729190..fda3124a2e 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatForm/ChatForm.svelte
@@ -508,11 +508,11 @@
 		/>
 
 		<div
-			class="flex-column relative min-h-[48px] items-center rounded-3xl p-2 pb-2.25 shadow-sm transition-all focus-within:shadow-md md:!p-3"
+			class="flex-column relative min-h-[48px] items-center rounded-3xl py-2 pb-2.25 shadow-sm transition-all focus-within:shadow-md md:!py-3"
 			onpaste={handlePaste}
 		>
 			<ChatFormTextarea
-				class="px-2 py-1.5 md:pt-0"
+				class="px-5 py-1.5 md:pt-0"
 				bind:this={textareaRef}
 				bind:value
 				onKeydown={handleKeydown}
@@ -535,6 +535,7 @@
 			{/if}
 
 			<ChatFormActions
+				class="px-3"
 				bind:this={chatFormActionsRef}
 				canSend={canSubmit}
 				hasText={value.trim().length > 0}