From 5cb8bc4c2ff2bb20d3e71c7a556506424e79da8a Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 16 Jul 2024 21:31:55 +0200
Subject: [PATCH] nit scroll

---
 frontend/src/lib/components/SimpleEditor.svelte                 | 1 -
 frontend/src/lib/components/TemplateEditor.svelte               | 2 +-
 .../src/lib/components/flows/content/FlowModuleComponent.svelte | 2 +-
 3 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/SimpleEditor.svelte b/frontend/src/lib/components/SimpleEditor.svelte
index f2422eb18a..527d5f7abd 100644
--- a/frontend/src/lib/components/SimpleEditor.svelte
+++ b/frontend/src/lib/components/SimpleEditor.svelte
@@ -370,7 +370,6 @@
 		{suggestion}
 	</div>
 {/if}
-
 <div bind:this={divEl} class="{$$props.class ?? ''} editor" bind:clientWidth={width} />
 
 <style lang="postcss">
diff --git a/frontend/src/lib/components/TemplateEditor.svelte b/frontend/src/lib/components/TemplateEditor.svelte
index 62e20b003c..1a1f292622 100644
--- a/frontend/src/lib/components/TemplateEditor.svelte
+++ b/frontend/src/lib/components/TemplateEditor.svelte
@@ -477,7 +477,7 @@
 			const updateHeight = () => {
 				const contentHeight = Math.min(1000, editor.getContentHeight())
 				if (divEl) {
-					divEl.style.height = `${contentHeight}px`
+					divEl.style.height = `${contentHeight + 2}px`
 				}
 				try {
 					editor.layout({ width, height: contentHeight })
diff --git a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
index 7b138dae57..e348a6dd9b 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
@@ -362,7 +362,7 @@
 							<Tab value="advanced">Advanced</Tab>
 						</Tabs>
 						<div
-							class={advancedSelected === 'runtime' ? 'h-[calc(100%-64px)]' : 'h-[calc(100%-32px)]'}
+							class={advancedSelected === 'runtime' ? 'h-[calc(100%-68px)]' : 'h-[calc(100%-34px)]'}
 						>
 							{#if selected === 'inputs' && (flowModule.value.type == 'rawscript' || flowModule.value.type == 'script' || flowModule.value.type == 'flow')}
 								<div class="h-full overflow-auto" id="flow-editor-step-input">