clearer connect button in flows

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'}"

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" />