From e5bb3667199876f861df9aa38e74b56587d5cb53 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Mon, 15 Sep 2025 15:12:01 -0500
Subject: [PATCH] refac: styling

---
 src/lib/components/NotificationToast.svelte | 4 ++--
 src/lib/components/chat/Messages.svelte     | 2 +-
 src/routes/+layout.svelte                   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/NotificationToast.svelte b/src/lib/components/NotificationToast.svelte
index bfb1ff691f..b47a93eaf9 100644
--- a/src/lib/components/NotificationToast.svelte
+++ b/src/lib/components/NotificationToast.svelte
@@ -32,7 +32,7 @@
 </script>
 
 <button
-	class="flex gap-2.5 text-left min-w-[var(--width)] w-full dark:bg-gray-850 dark:text-white bg-white text-black border border-gray-100 dark:border-gray-850 rounded-xl px-3.5 py-3.5"
+	class="flex gap-2.5 text-left min-w-[var(--width)] w-full dark:bg-gray-850 dark:text-white bg-white text-black border border-gray-100 dark:border-gray-850 rounded-3xl px-3.5 py-3"
 	on:click={() => {
 		onClick();
 		dispatch('closeToast');
@@ -44,7 +44,7 @@
 
 	<div>
 		{#if title}
-			<div class=" text-[13px] font-medium mb-0.5 line-clamp-1 capitalize">{title}</div>
+			<div class=" text-[13px] font-medium mb-0.5 line-clamp-1">{title}</div>
 		{/if}
 
 		<div class=" line-clamp-2 text-xs self-center dark:text-gray-300 font-normal">
diff --git a/src/lib/components/chat/Messages.svelte b/src/lib/components/chat/Messages.svelte
index f7e7a8345d..784514679c 100644
--- a/src/lib/components/chat/Messages.svelte
+++ b/src/lib/components/chat/Messages.svelte
@@ -454,7 +454,7 @@
 						{/each}
 					</ul>
 				</section>
-				<div class="pb-12" />
+				<div class="pb-18" />
 				{#if bottomPadding}
 					<div class="  pb-6" />
 				{/if}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b79e1810ad..934eec1e60 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -454,7 +454,7 @@
 							goto(`/channels/${event.channel_id}`);
 						},
 						content: data?.content,
-						title: event?.channel?.name
+						title: `#${event?.channel?.name}`
 					},
 					duration: 15000,
 					unstyled: true