refac: styling

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>

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):

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'