fix: multiple UI fixes

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>

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"

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
 

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