fix: styling

src/lib/components/ChangelogModal.svelte

@@ -60,7 +60,8 @@
 			<div class="mb-3">
 				{#if changelog}
 					{#each Object.keys(changelog) as version}
-						<div class="font-bold text-xl mb-1">
+						<div class=" mb-3 pr-2">
+							<div class="font-bold text-xl mb-1 dark:text-white">
 								v{version} - {changelog[version].date}
 							</div>
 
@@ -69,7 +70,7 @@
 							{#each Object.keys(changelog[version]).filter((section) => section !== 'date') as section}
 								<div class="">
 									<div
-									class="font-bold capitalize text-xs {section === 'added'
+										class="font-bold uppercase text-xs {section === 'added'
 											? 'text-white bg-blue-600'
 											: section === 'fixed'
 											? 'text-white bg-green-600'
@@ -77,7 +78,7 @@
 											? 'text-white bg-yellow-600'
 											: section === 'removed'
 											? 'text-white bg-red-600'
-										: ''}  w-fit px-3 rounded-full my-3"
+											: ''}  w-fit px-3 rounded-full my-2"
 									>
 										{section}
 									</div>
@@ -85,15 +86,16 @@
 									<div class="my-1.5 px-1.5">
 										{#each Object.keys(changelog[version][section]) as item}
 											<div class="text-sm mb-2">
-											<div class="font-semibold">
+												<div class="font-semibold uppercase">
 													{changelog[version][section][item].title}
 												</div>
-											<div class="my-1.5">{changelog[version][section][item].content}</div>
+												<div class="mb-2 mt-1">{changelog[version][section][item].content}</div>
 											</div>
 										{/each}
 									</div>
 								</div>
 							{/each}
+						</div>
 					{/each}
 				{/if}
 			</div>