refac: styling

src/lib/components/admin/Settings/Interface.svelte

@@ -389,7 +389,7 @@
 				<hr class=" border-gray-100 dark:border-gray-850 my-2" />
 
 				<div class="mb-2.5">
-					<div class="flex w-full justify-between mb-2">
+					<div class="flex w-full justify-between">
 						<div class=" self-center text-xs">
 							{$i18n.t('Banners')}
 						</div>

src/lib/components/admin/Settings/Interface/Banners.svelte

@@ -53,7 +53,7 @@
 	};
 </script>
 
-<div class=" flex flex-col gap-3" bind:this={bannerListElement}>
+<div class=" flex flex-col gap-3 {banners?.length > 0 ? 'mt-2' : ''}" bind:this={bannerListElement}>
 	{#each banners as banner, bannerIdx (banner.id)}
 		<div class=" flex justify-between items-start -ml-1" id="banner-item-{banner.id}">
 			<EllipsisVertical className="size-4 cursor-move item-handle" />