From 231ff43aff70a28437e5fd1b7446d10525ea77fa Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 26 Jul 2022 18:25:34 +0200
Subject: [PATCH] fix: multiple UI fixes

---
 frontend/src/lib/components/FlowPreview.svelte              | 6 +++---
 frontend/src/lib/components/RunForm.svelte                  | 2 +-
 .../components/propertyPicker/OverlayPropertyPicker.svelte  | 2 +-
 .../src/lib/components/propertyPicker/PropPicker.svelte     | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/FlowPreview.svelte b/frontend/src/lib/components/FlowPreview.svelte
index 864e7379af..e1ae289f09 100644
--- a/frontend/src/lib/components/FlowPreview.svelte
+++ b/frontend/src/lib/components/FlowPreview.svelte
@@ -90,14 +90,14 @@
 </script>
 
 <button
-	class="w-full bg-blue-200"
+	class="w-full rounded border-1 border border-gray-200"
 	on:click={() => {
 		viewPreview = !viewPreview
 	}}
 >
-	<h2 class="flex justify-center">
+	<h2 class="flex justify-center text-gray-600">
 		<div>
-			Preview mode<Icon class="ml-1" data={viewPreview ? faChevronUp : faChevronDown} scale={1} />
+			Preview<Icon class="ml-1" data={viewPreview ? faChevronUp : faChevronDown} scale={1} />
 		</div>
 	</h2>
 </button>
diff --git a/frontend/src/lib/components/RunForm.svelte b/frontend/src/lib/components/RunForm.svelte
index 6f3d750505..8c8f1bc7c0 100644
--- a/frontend/src/lib/components/RunForm.svelte
+++ b/frontend/src/lib/components/RunForm.svelte
@@ -66,7 +66,7 @@
 			</h2>
 		{/if}
 		{#if !runnable.schema.properties || Object.keys(runnable.schema.properties).length === 0}
-			<div class="text-sm p-6">No arguments</div>
+			<div class="text-sm p-4">No arguments</div>
 		{:else}
 			<div
 				class="bg-gray-50 border border shadow-md shadow-blue-100 shadow-inner rounded border-gray-300 p-6"
diff --git a/frontend/src/lib/components/propertyPicker/OverlayPropertyPicker.svelte b/frontend/src/lib/components/propertyPicker/OverlayPropertyPicker.svelte
index dc309571af..45cc009c46 100644
--- a/frontend/src/lib/components/propertyPicker/OverlayPropertyPicker.svelte
+++ b/frontend/src/lib/components/propertyPicker/OverlayPropertyPicker.svelte
@@ -11,7 +11,7 @@
 	export let pickableProperties: Object | undefined
 	export let disabled = false
 	let isOpen = false
-	let isFocused = true
+	let isFocused = false
 
 	let timeout: NodeJS.Timeout
 
diff --git a/frontend/src/lib/components/propertyPicker/PropPicker.svelte b/frontend/src/lib/components/propertyPicker/PropPicker.svelte
index e729c8e7e5..3d896086ea 100644
--- a/frontend/src/lib/components/propertyPicker/PropPicker.svelte
+++ b/frontend/src/lib/components/propertyPicker/PropPicker.svelte
@@ -12,7 +12,7 @@
 </script>
 
 <div
-	class="relative p-3 bg-white rounded-lg border border-gray-200 shadow-md max-h-max overflow-y-scroll"
+	class="relative p-3  bg-white rounded-lg border border-gray-200 shadow-md max-h-max overflow-y-scroll"
 >
 	<div class="overflow-y-auto max-h-96">
 		<input