From 0cc1a84862ddab34d899b20d268ca494c7e9519b Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 8 Nov 2022 11:22:40 +0100
Subject: [PATCH] more spacing in runs page + fix drawer click away

---
 frontend/src/lib/components/SuperadminSettings.svelte   | 2 +-
 frontend/src/lib/components/common/drawer/Drawer.svelte | 2 +-
 frontend/src/routes/flows/run/[...path].svelte          | 4 ++--
 frontend/src/routes/scripts/run/[...hash].svelte        | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/SuperadminSettings.svelte b/frontend/src/lib/components/SuperadminSettings.svelte
index e9508eeaf6..ac0a1e3cd0 100644
--- a/frontend/src/lib/components/SuperadminSettings.svelte
+++ b/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"
diff --git a/frontend/src/lib/components/common/drawer/Drawer.svelte b/frontend/src/lib/components/common/drawer/Drawer.svelte
index ba3f6af5f6..7ad96eba70 100644
--- a/frontend/src/lib/components/common/drawer/Drawer.svelte
+++ b/frontend/src/lib/components/common/drawer/Drawer.svelte
@@ -39,7 +39,7 @@
 
 	function handleClickAway() {
 		dispatch('clickAway')
-		open = !open
+		open = false
 	}
 
 	function onKeyDown(event: KeyboardEvent) {
diff --git a/frontend/src/routes/flows/run/[...path].svelte b/frontend/src/routes/flows/run/[...path].svelte
index 352d2d4478..11b9cae2b1 100644
--- a/frontend/src/routes/flows/run/[...path].svelte
+++ b/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>
diff --git a/frontend/src/routes/scripts/run/[...hash].svelte b/frontend/src/routes/scripts/run/[...hash].svelte
index 2a1682935c..046f72dc3a 100644
--- a/frontend/src/routes/scripts/run/[...hash].svelte
+++ b/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>