From 0131afe66772c29e577078d8ff9a4974cd562fc3 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 15 Oct 2024 05:12:56 -0700
Subject: [PATCH] refac: styling

---
 src/lib/components/common/Folder.svelte           | 4 ++--
 src/lib/components/layout/Sidebar.svelte          | 4 ++--
 src/lib/components/layout/Sidebar/ChatItem.svelte | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/common/Folder.svelte b/src/lib/components/common/Folder.svelte
index 5aa536ed6..2002b7e0b 100644
--- a/src/lib/components/common/Folder.svelte
+++ b/src/lib/components/common/Folder.svelte
@@ -76,7 +76,7 @@
 			<!-- svelte-ignore a11y-no-static-element-interactions -->
 			<div class="mx-2 w-full">
 				<button
-					class="w-full py-1 px-1.5 rounded-md flex items-center gap-1 text-xs text-gray-500 dark:text-gray-500 font-medium hover:bg-gray-100 dark:hover:bg-gray-900 transition"
+					class="w-full py-1.5 px-2 rounded-md flex items-center gap-1.5 text-xs text-gray-500 dark:text-gray-500 font-medium hover:bg-gray-100 dark:hover:bg-gray-900 transition"
 				>
 					<div class="text-gray-300 dark:text-gray-600">
 						{#if open}
@@ -92,7 +92,7 @@
 				</button>
 			</div>
 
-			<div slot="content">
+			<div slot="content" class=" pl-2">
 				<slot></slot>
 			</div>
 		</Collapsible>
diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 95fc4abe6..1376539f5 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -533,7 +533,7 @@
 						}}
 						name={$i18n.t('Pinned')}
 					>
-						<div class="pl-2 mt-1 flex flex-col overflow-y-auto scrollbar-hidden">
+						<div class="pl-2 mt-0.5 flex flex-col overflow-y-auto scrollbar-hidden">
 							{#each $pinnedChats as chat, idx}
 								<ChatItem
 									{chat}
@@ -590,7 +590,7 @@
 										class="w-full pl-2.5 text-xs text-gray-500 dark:text-gray-500 font-medium {idx ===
 										0
 											? ''
-											: 'pt-5'} pb-0.5"
+											: 'pt-5'} pb-1.5"
 									>
 										{$i18n.t(chat.time_range)}
 										<!-- localisation keys for time_range to be recognized from the i18next parser (so they don't get automatically removed):
diff --git a/src/lib/components/layout/Sidebar/ChatItem.svelte b/src/lib/components/layout/Sidebar/ChatItem.svelte
index a6ce47e5f..4dbcb9331 100644
--- a/src/lib/components/layout/Sidebar/ChatItem.svelte
+++ b/src/lib/components/layout/Sidebar/ChatItem.svelte
@@ -163,7 +163,7 @@
 <div bind:this={itemElement} class=" w-full pr-2 relative group" draggable="true">
 	{#if confirmEdit}
 		<div
-			class=" w-full flex justify-between rounded-xl px-3 py-2 {chat.id === $chatId || confirmEdit
+			class=" w-full flex justify-between rounded-xl px-2.5 py-2 {chat.id === $chatId || confirmEdit
 				? 'bg-gray-200 dark:bg-gray-900'
 				: selected
 					? 'bg-gray-100 dark:bg-gray-950'
@@ -177,7 +177,7 @@
 		</div>
 	{:else}
 		<a
-			class=" w-full flex justify-between rounded-lg px-3 py-2 {chat.id === $chatId || confirmEdit
+			class=" w-full flex justify-between rounded-lg px-2.5 py-2 {chat.id === $chatId || confirmEdit
 				? 'bg-gray-200 dark:bg-gray-900'
 				: selected
 					? 'bg-gray-100 dark:bg-gray-950'