Merge pull request #885 from open-webui/styling

fix: styling

src/app.css

@@ -37,8 +37,8 @@ math {
 }
 
 ::-webkit-scrollbar {
-	height: 0.45rem;
-	width: 0.35rem;
+	height: 0.4rem;
+	width: 0.4rem;
 }
 
 ::-webkit-scrollbar-track {

src/lib/components/layout/Sidebar.svelte

@@ -367,27 +367,11 @@
 								: ''} transition whitespace-nowrap text-ellipsis"
 							href="/c/{chat.id}"
 						>
-							<div class=" flex self-center flex-1">
-								<div class=" self-center mr-3">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke-width="1.5"
-										stroke="currentColor"
-										class="w-4 h-4"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 011.037-.443 48.282 48.282 0 005.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z"
-										/>
-									</svg>
-								</div>
+							<div class=" flex self-center flex-1 w-full">
 								<div
 									class=" text-left self-center overflow-hidden {chat.id === $chatId
-										? 'w-[120px]'
-										: 'w-[180px]'} "
+										? 'w-[160px]'
+										: 'w-full'} "
 								>
 									{#if chatTitleEditId === chat.id}
 										<input bind:value={chatTitle} class=" bg-transparent w-full" />