fix(frontend): fix toggles margins (#3165)

frontend/src/lib/components/ScheduleEditorInner.svelte

@@ -520,10 +520,14 @@
 					/>
 				{/if}
 				{#if itemKind == 'flow'}
-					<Toggle options={{ right: 'no overlap of flows' }} bind:checked={no_flow_overlap} />
+					<Toggle
+						options={{ right: 'no overlap of flows' }}
+						bind:checked={no_flow_overlap}
+						class="mt-2"
+					/>
 				{/if}
 				{#if itemKind == 'script'}
-					<div class="flex gap-2 items-center">
+					<div class="flex gap-2 items-center mt-2">
 						<Toggle options={{ right: 'no overlap' }} checked={true} disabled /><Tooltip
 							>Currently, overlapping scripts' executions is not supported. The next execution will
 							be scheduled only after the previous iteration has completed.</Tooltip

frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte

@@ -43,7 +43,7 @@
 		{:else if fieldType === 'date'}
 			<input on:keydown|stopPropagation type="date" bind:value={componentInput.value} />
 		{:else if fieldType === 'boolean'}
-			<Toggle bind:checked={componentInput.value} size="xs" />
+			<Toggle bind:checked={componentInput.value} size="xs" class="mt-2" />
 		{:else if fieldType === 'select' && selectOptions}
 			<select on:keydown|stopPropagation bind:value={componentInput.value}>
 				{#each selectOptions ?? [] as option}

frontend/src/lib/components/flows/content/FlowSettings.svelte

@@ -284,6 +284,7 @@
 								options={{
 									right: 'Shared Directory on `./shared`'
 								}}
+								class="mt-2"
 							/>
 						</Section>
 					</TabContent>

frontend/src/lib/components/flows/map/FlowErrorHandlerItem.svelte

@@ -77,12 +77,10 @@
 			</span>
 		{/if}
 	</div>
-	<div class="-my-1">
-		<Toggle
-			size={small ? 'xs' : 'sm'}
-			checked={Boolean($flowStore?.value?.failure_module)}
-			on:change={onToggle}
-			id="error-handler-toggle"
-		/>
-	</div>
+	<Toggle
+		size={small ? 'xs' : 'sm'}
+		checked={Boolean($flowStore?.value?.failure_module)}
+		on:change={onToggle}
+		id="error-handler-toggle"
+	/>
 </div>

frontend/src/lib/components/home/ItemsList.svelte

@@ -397,7 +397,7 @@
 			<div class="mt-10" />
 		{/if}
 		{#if !loading}
-			<div class="flex w-full flex-row-reverse gap-2 mt-2">
+			<div class="flex w-full flex-row-reverse gap-2 mt-4 mb-1 items-center h-6">
 				<Toggle size="xs" bind:checked={archived} options={{ right: 'Show archived' }} />
 				{#if $userStore?.is_super_admin && $userStore.username.includes('@')}
 					<Toggle size="xs" bind:checked={filterUserFolders} options={{ right: 'Only f/*' }} />
@@ -411,7 +411,6 @@
 				<Toggle size="xs" bind:checked={treeView} options={{ right: 'Tree view' }} />
 				{#if treeView}
 					<Button
-						wrapperClasses="mt-1"
 						btnClasses="py-0 h-6"
 						size="xs"
 						variant="border"