refac: styling

src/lib/components/common/FileItemModal.svelte

@@ -161,7 +161,7 @@
 					</div>
 
 					{#if edit}
-						<div>
+						<div class=" self-end">
 							<Tooltip
 								content={enableFullContent
 									? $i18n.t(
@@ -205,7 +205,7 @@
 					</div>
 				{:else if isPDF}
 					<div
-						class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-100 dark:border-gray-800 text-center text-sm font-medium bg-transparent dark:text-gray-200"
+						class="flex mb-2.5 scrollbar-none overflow-x-auto w-full border-b border-gray-50 dark:border-gray-850 text-center text-sm font-medium bg-transparent dark:text-gray-200"
 					>
 						<button
 							class="min-w-fit py-1.5 px-4 border-b {selectedTab === ''

src/lib/components/notes/NoteEditor/Chat.svelte

@@ -327,7 +327,7 @@ Based on the user's instruction, update and enhance the existing notes or select
 	});
 </script>
 
-<div class="flex items-center mb-1.5 pt-1.5 px-2.5">
+<div class="flex items-center mb-1.5 pt-1.5">
 	<div class="flex items-center mr-1">
 		<button
 			class="p-0.5 bg-transparent transition rounded-lg"
@@ -358,7 +358,7 @@ Based on the user's instruction, update and enhance the existing notes or select
 	</div>
 </div>
 
-<div class="flex flex-col items-center flex-1 @container px-2.5">
+<div class="flex flex-col items-center flex-1 @container">
 	<div class=" flex flex-col justify-between w-full overflow-y-auto h-full">
 		<div class="mx-auto w-full md:px-0 h-full relative">
 			<div class=" flex flex-col h-full">
@@ -377,7 +377,7 @@ Based on the user's instruction, update and enhance the existing notes or select
 
 				<div class=" pb-[1rem]">
 					{#if selectedContent}
-						<div class="text-xs rounded-xl px-3.5 py-3 w-full markdown-prose-xs">
+						<div class="text-xs rounded-xl px-2.5 py-3 w-full markdown-prose-xs">
 							<blockquote>
 								<div class=" line-clamp-3">
 									{selectedContent?.text}

src/lib/components/notes/NoteEditor/Controls.svelte

@@ -17,7 +17,7 @@
 	};
 </script>
 
-<div class="flex items-center mb-1.5 pt-1.5 px-2.5">
+<div class="flex items-center mb-1.5 pt-1.5">
 	<div class=" mr-1 flex items-center">
 		<button
 			class="p-0.5 bg-transparent transition rounded-lg"
@@ -36,10 +36,10 @@
 	</div>
 </div>
 
-<div class="mt-1 px-2.5">
+<div class="mt-1 px-1.5">
 	<div class="pb-10">
 		{#if files.length > 0}
-			<div class=" text-xs font-medium pb-1">{$i18n.t('Files')}</div>
+			<div class=" text-xs font-medium mb-2">{$i18n.t('Files')}</div>
 
 			<div class="flex flex-col gap-1">
 				{#each files.filter((file) => file.type !== 'image') as file, fileIdx}

src/lib/components/notes/NotePanel.svelte

@@ -99,7 +99,7 @@
 		{#if show}
 			<div class="flex max-h-full min-h-full">
 				<div
-					class="w-full pt-2 bg-white dark:shadow-lg dark:bg-gray-850 z-40 pointer-events-auto overflow-y-auto scrollbar-hidden flex flex-col"
+					class="w-full pt-2 bg-white dark:shadow-lg dark:bg-gray-850 z-40 pointer-events-auto overflow-y-auto scrollbar-hidden flex flex-col px-2"
 				>
 					<slot />
 				</div>