From 94582a76e6798aaeb261b3cd7e1ab6f8931d1076 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sat, 11 Nov 2023 10:40:28 +0100
Subject: [PATCH] UX improvements

---
 .../routes/(root)/(logged)/flows/get/[...path]/+page.svelte   | 4 +++-
 .../routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte | 3 ++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
index 030fd53380..4a06e00586 100644
--- a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
@@ -288,7 +288,7 @@
 				<Splitpanes horizontal>
 					<Pane size={60} minSize={20}>
 						<div class="p-8 w-full max-w-3xl mx-auto gap-2 bg-surface">
-							<div class="flex flex-col gap-2">
+							<div class="flex flex-col gap-2 mb-8">
 								{#if !emptyString(flow.description)}
 									<div class=" break-words whitespace-pre-wrap text-sm mb-4 !text-secondary">
 										<Urlize text={defaultIfEmptyString(flow.description, 'No description')} />
@@ -315,6 +315,8 @@
 								isFlow
 								bind:this={runForm}
 							/>
+							<div class="py-10" />
+
 							{#if !emptyString(flow.summary)}
 								<div class="mb-2">
 									<span class="!text-tertiary">{flow.path}</span>
diff --git a/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte b/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
index 5d8c4b5e40..92a17ec724 100644
--- a/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
@@ -472,7 +472,7 @@
 					{/if}
 
 					{#if !emptyString(script.description)}
-						<div class="py-2 !text-secondary">
+						<div class="py-2 mb-8 !text-secondary">
 							<Urlize text={defaultIfEmptyString(script.description, 'No description')} />
 						</div>
 					{/if}
@@ -499,6 +499,7 @@
 					bind:this={runForm}
 				/>
 
+				<div class="py-10" />
 				{#if !emptyString(script.summary)}
 					<div class="mb-2">
 						<span class="!text-tertiary">{script.path}</span>