From fc61cdcf56fbf7e785fbd341b1bacb10aa78bdc9 Mon Sep 17 00:00:00 2001
From: Aleix Soler <aleixsoler64@gmail.com>
Date: Wed, 6 Aug 2025 19:04:37 +0200
Subject: [PATCH] chore: improve custom template buttons position

---
 components/SettingsUI/TemplateSettings.tsx | 30 +++++++++++-----------
 styles/components/template-settings.css    |  7 ++---
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/components/SettingsUI/TemplateSettings.tsx b/components/SettingsUI/TemplateSettings.tsx
index 3304f2d..4d9788d 100644
--- a/components/SettingsUI/TemplateSettings.tsx
+++ b/components/SettingsUI/TemplateSettings.tsx
@@ -157,24 +157,24 @@ export const TemplateSettings: React.FC<TemplateSettingsProps> = ({
 				workflows, or create your own custom templates.
 			</p>
 
-			<div className="template-settings-actions">
-				<button
-					className="mod-cta template-create-btn"
-					onClick={handleCreateTemplate}
-				>
-					+ Create Template
-				</button>
-				<button
-					className="template-reset-btn"
-					onClick={handleResetToDefaults}
-				>
-					🔄 Reset to Defaults
-				</button>
-			</div>
-
 			{/* Custom Templates Section */}
 			<div className="template-section">
 				<h4 className="template-section-title">Custom Templates</h4>
+
+				<div className="template-settings-actions">
+					<button
+						className="mod-cta template-create-btn"
+						onClick={handleCreateTemplate}
+					>
+						+ Create Template
+					</button>
+					<button
+						className="template-reset-btn"
+						onClick={handleResetToDefaults}
+					>
+						🔄 Reset to Defaults
+					</button>
+				</div>
 				<div className="template-list">
 					{settings.templates.map((template) => (
 						<TemplateItem
diff --git a/styles/components/template-settings.css b/styles/components/template-settings.css
index 48e6f85..516115a 100644
--- a/styles/components/template-settings.css
+++ b/styles/components/template-settings.css
@@ -5,12 +5,9 @@
 /* Template Settings Actions */
 .template-settings-actions {
 	display: flex;
+	justify-content: end;
 	gap: var(--size-4-2);
-	margin-bottom: var(--size-4-4);
-	padding: var(--size-4-2);
-	background: var(--background-secondary);
-	border: 1px solid var(--background-modifier-border);
-	border-radius: var(--radius-m);
+	padding-bottom: var(--size-4-2);
 }
 
 .template-create-btn {