more spacing in runs page + fix drawer click away

frontend/src/lib/components/SuperadminSettings.svelte

@@ -48,7 +48,7 @@
 </script>
 
 <Drawer bind:this={drawer} on:open={listUsers} size="900px">
-	<DrawerContent overflow_y={false} title="Superadmin Settings" on:close={drawer.toggleDrawer}>
+	<DrawerContent overflow_y={false} title="Superadmin Settings" on:close={drawer.closeDrawer}>
 		<ConfirmationModal
 			open={openConfirmation}
 			title="Remove user"

frontend/src/lib/components/common/drawer/Drawer.svelte

@@ -39,7 +39,7 @@
 
 	function handleClickAway() {
 		dispatch('clickAway')
-		open = !open
+		open = false
 	}
 
 	function onKeyDown(event: KeyboardEvent) {

frontend/src/routes/flows/run/[...path].svelte

@@ -83,7 +83,7 @@
 
 <CenteredPage>
 	{#if flow}
-		<div class="flex flex-row flex-wrap justify-between gap-4">
+		<div class="flex flex-row flex-wrap justify-between gap-4 mb-6">
 			<div class="w-full">
 				<div class="flex flex-col mt-6 mb-2 w-full">
 					<div class="flex flex-row flex-wrap w-full justify-between "
@@ -123,7 +123,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="prose text-sm box max-w-6xl w-full mb-4">
+			<div class="prose text-sm box max-w-6xl w-full mt-8">
 				<SvelteMarkdown source={defaultIfEmptyString(flow.description, 'No description')} />
 			</div>
 		</div>

frontend/src/routes/scripts/run/[...hash].svelte

@@ -92,7 +92,7 @@
 
 <CenteredPage>
 	{#if script}
-		<div class="flex flex-row flex-wrap justify-between gap-4">
+		<div class="flex flex-row flex-wrap justify-between gap-4 mb-6">
 			<div class="w-full">
 				<div class="flex flex-col mt-6 mb-2 w-full">
 					<div class="flex flex-row flex-wrap w-full justify-between "
@@ -143,7 +143,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="prose text-sm box max-w-6xl w-full mb-4">
+			<div class="prose text-sm box max-w-6xl w-full mb-4 mt-8">
 				<SvelteMarkdown source={defaultIfEmptyString(script.description, 'No description')} />
 			</div>
 		</div>