From 4e6cb1077689460769f229fbc6651d9e20f09def Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Thu, 17 Nov 2022 14:42:26 +0100
Subject: [PATCH] clearer connect button in flows

---
 frontend/src/lib/components/EditorBar.svelte          | 2 +-
 frontend/src/lib/components/InputTransformForm.svelte | 8 +++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/EditorBar.svelte b/frontend/src/lib/components/EditorBar.svelte
index bc9aeb90ed..93ab76153e 100644
--- a/frontend/src/lib/components/EditorBar.svelte
+++ b/frontend/src/lib/components/EditorBar.svelte
@@ -223,7 +223,7 @@
 			<span
 				title={validCode
 					? 'last signature parsing was sucessful'
-					: 'last signature parsing was succesful'}
+					: 'last signature parsing was NOT succesful'}
 				class="relative inline-flex rounded-full h-2 w-2 {validCode
 					? 'bg-green-500/80'
 					: 'bg-red-500'}"
diff --git a/frontend/src/lib/components/InputTransformForm.svelte b/frontend/src/lib/components/InputTransformForm.svelte
index 79c7766a58..2cd955aa80 100644
--- a/frontend/src/lib/components/InputTransformForm.svelte
+++ b/frontend/src/lib/components/InputTransformForm.svelte
@@ -113,7 +113,7 @@
 				</span>
 			{/if}
 		</div>
-		<div class="flex flex-row space-x-2 items-center">
+		<div class="flex flex-row space-x-4 items-center">
 			<Toggle
 				bind:checked
 				options={{
@@ -145,16 +145,14 @@
 			<Button
 				variant="contained"
 				color="blue"
-				size="md"
+				size="sm"
 				on:click={() => {
 					focusProp(argName, 'connect', (path) => {
 						connectProperty(path)
 						return false
 					})
-				}}
+				}}>Connect &rightarrow;</Button
 			>
-				<Icon data={faChain} />
-			</Button>
 		</div>
 	</div>
 	<div class="max-w-xs" />