From 19ff6faf35680e9ecd356644d61872045aeefc7a Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Fri, 23 Dec 2022 17:59:42 +0100
Subject: [PATCH] border around template editor

---
 .../apps/editor/settingsPanel/ComponentPanel.svelte           | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
index 3f4d5d9321..e91f142bf0 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
@@ -128,7 +128,9 @@ declare const ${k} = ${JSON.stringify(v)};
 					{#if component.componentInput.type === 'static'}
 						<StaticInputEditor bind:componentInput={component.componentInput} />
 					{:else if component.componentInput.type === 'template' && component.componentInput !== undefined}
-						<TemplateEditor bind:code={component.componentInput.eval} {extraLib} />
+						<div class="py-1 rounded border border-1 border-gray-500">
+							<TemplateEditor bind:code={component.componentInput.eval} {extraLib} />
+						</div>
 					{:else if component.componentInput.type === 'connected' && component.componentInput !== undefined}
 						<ConnectedInputEditor bind:componentInput={component.componentInput} />
 					{:else if component.componentInput?.type === 'runnable' && component.componentInput !== undefined}