From d0c0a5a027c2ac98a2d2bb842cf6d95fc0bedec8 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 23 Aug 2022 20:23:15 +0200
Subject: [PATCH] summary on flow modules

---
 .../components/flows/FlowModuleHeader.svelte  | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/flows/FlowModuleHeader.svelte b/frontend/src/lib/components/flows/FlowModuleHeader.svelte
index f691abb003..b3d9f2cd44 100644
--- a/frontend/src/lib/components/flows/FlowModuleHeader.svelte
+++ b/frontend/src/lib/components/flows/FlowModuleHeader.svelte
@@ -45,14 +45,19 @@
 	$: opened = $stepOpened === String(indexes.join('-'))
 </script>
 
-<div>
-	<h3 class="text-sm font-bold text-gray-900">
-		{#if 'path' in mod.value && mod.value.path}
-			<IconedPath path={mod.value.path} />
-		{:else if 'language' in mod.value && mod.value.language}
-			Inline {mod.value.language}
-		{:else}
-			Select a script
+<div on:click|stopPropagation={() => undefined}>
+	<h3 class="text-sm font-bold text-gray-900 flex flex-col">
+		<span class="text-xs shrink">
+			{#if 'path' in mod.value && mod.value.path}
+				<IconedPath path={mod.value.path} />
+			{:else if 'language' in mod.value && mod.value.language}
+				Inline {mod.value.language}
+			{:else}
+				Select a script
+			{/if}
+		</span>
+		{#if ('path' in mod.value && mod.value.path) || ('language' in mod.value && mod.value.language)}
+			<input class="overflow-x-auto" type="text" bind:value={mod.summary} placeholder="Summary" />
 		{/if}
 	</h3>
 </div>