From 64f019c860015616f3affe1ab111fb2fea63184a Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 29 Jun 2023 14:02:12 +0200
Subject: [PATCH] ux nits

---
 frontend/src/lib/components/ScriptBuilder.svelte | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/ScriptBuilder.svelte b/frontend/src/lib/components/ScriptBuilder.svelte
index f693f5b83e..060b10d825 100644
--- a/frontend/src/lib/components/ScriptBuilder.svelte
+++ b/frontend/src/lib/components/ScriptBuilder.svelte
@@ -462,8 +462,8 @@
 	</Drawer>
 
 	<div class="flex flex-col h-screen">
-		<div class="flex flex-col w-full px-2 py-1 border-b shadow-sm">
-			<div class="justify-between flex gap-2 lg:gap-8 w-full items-center px-2">
+		<div class="flex h-full max-h-12 items-center pl-2.5 pr-6 overflow-hidden border-b shadow-sm">
+			<div class="justify-between flex gap-2 lg:gap-8 w-full items-center">
 				<div class="min-w-64 w-full max-w-md">
 					<input
 						type="text"
@@ -536,16 +536,18 @@
 					</Button>
 					<Button
 						loading={loadingDraft}
-						size="sm"
+						size="xs"
 						startIcon={{ icon: faSave }}
 						on:click={() => saveDraft()}
 					>
-						Save draft&nbsp;<Kbd small>{getModifierKey()}</Kbd>
+						<span class="hidden sm:flex">
+							Save draft&nbsp;<Kbd small>{getModifierKey()}</Kbd>
+						</span>
 						<Kbd small>S</Kbd>
 					</Button>
 					<Button
 						loading={loadingSave}
-						size="sm"
+						size="xs"
 						startIcon={{ icon: faSave }}
 						on:click={() => editScript()}
 						dropdownItems={initialPath != '' ? computeDropdownItems : undefined}