From 96af7c43497177ace42ced890d42aa2c97d82cec Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Mon, 4 Nov 2024 15:41:44 +0100
Subject: [PATCH] fix minor issues

---
 .../src/lib/components/InputTransformForm.svelte    |  2 +-
 .../flows/propPicker/PropPickerWrapper.svelte       | 13 ++++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/InputTransformForm.svelte b/frontend/src/lib/components/InputTransformForm.svelte
index 09983b069b..92a2d919c5 100644
--- a/frontend/src/lib/components/InputTransformForm.svelte
+++ b/frontend/src/lib/components/InputTransformForm.svelte
@@ -534,7 +534,7 @@
 					{/if}
 				</div>
 
-				{#if $propPickerConfig?.propName == argName && $propPickerConfig?.insertionMode == 'insert'}
+				{#if $propPickerConfig?.propName == argName && ($propPickerConfig?.insertionMode == 'insert' || $propPickerConfig?.insertionMode == 'append')}
 					<div class="text-blue-500 mt-2" in:fade={{ duration: 200 }}>
 						<svg
 							xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte b/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte
index ac370ff513..1f7e9d88cb 100644
--- a/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte
+++ b/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte
@@ -36,7 +36,7 @@
 		propPickerConfig.set(undefined)
 	}}
 >
-	<Splitpanes class="splitpanes-remove-splitter">
+	<Splitpanes class={$propPickerConfig ? 'splitpanes-remove-splitter' : ''}>
 		<Pane
 			minSize={20}
 			size={60}
@@ -44,13 +44,20 @@
 		>
 			<slot />
 		</Pane>
-		<Pane minSize={20} size={40} class="!transition-none z-1000 ml-[-1px]">
+		<Pane
+			minSize={20}
+			size={40}
+			class="!transition-none z-1000 {$propPickerConfig ? 'ml-[-1px]' : ''}"
+		>
 			<AnimatedButton
 				animate={$propPickerConfig?.insertionMode == 'connect'}
 				baseRadius="4px"
 				wrapperClasses="h-full w-full pt-2"
 				marginWidth="4px"
-				ringColor={$propPickerConfig?.insertionMode == 'insert' ? '#3b82f6' : 'transparent'}
+				ringColor={$propPickerConfig?.insertionMode == 'insert' ||
+				$propPickerConfig?.insertionMode == 'append'
+					? '#3b82f6'
+					: 'transparent'}
 				animationDuration="1s"
 			>
 				{#if result}