From 75edeab35e87bb1a6735d15386751865dfd9e90c Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Sun, 19 Feb 2023 22:47:30 +0100
Subject: [PATCH] rename panel headers

---
 .../components/apps/editor/componentsPanel/CssSettings.svelte | 4 ++--
 .../apps/editor/settingsPanel/ComponentPanel.svelte           | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte
index ba707c6aa0..1434e8f0b6 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/CssSettings.svelte
@@ -117,13 +117,13 @@
 								<div class="mb-2">
 									<div class="mt-1 font-semibold">{id}</div>
 									{#if $app?.css?.[type]?.[id]}
-										<span class="text-xs">style</span>
+										<span class="text-xs">Style</span>
 										<input
 											type="text"
 											on:focus={() => (isCustom[type] = true)}
 											bind:value={$app.css[type][id].style}
 										/>
-										<span class="text-xs">class</span>
+										<span class="text-xs">Tailwind classes</span>
 										<input
 											type="text"
 											on:focus={() => (isCustom[type] = true)}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
index 1a692a3d8f..0cab994d7c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
@@ -173,9 +173,9 @@
 				{#each Object.entries(component.customCss ?? {}) as [key, value]}
 					<div class="mb-2">
 						<div class="mt-1 font-semibold">{key}</div>
-						<span class="text-xs">style</span>
+						<span class="text-xs">Style</span>
 						<input type="text" bind:value={value.style} />
-						<span class="text-xs">class</span>
+						<span class="text-xs">Tailwind classes</span>
 						<input type="text" bind:value={value.class} />
 					</div>
 				{/each}