From 8fe37944099e9c808a10153b0ba4f62ec4ef59c3 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Wed, 16 Jul 2025 22:13:03 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20Style=20add=20form=20and?=
 =?UTF-8?q?=20sidebar=20text?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Sidebar.astro |  8 +++-----
 src/pages/add.astro          | 10 +++++-----
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
index 3a89349..d2cd8c0 100644
--- a/src/components/Sidebar.astro
+++ b/src/components/Sidebar.astro
@@ -5,11 +5,9 @@
 <aside class="w-64 border-r h-full p-4 text-gray-100">
   <h2 class="text-lg font-semibold mb-4">Add a prompt</h2>
 
-  <p class="text-sm mb-4">
-    Use the form to add a new AI prompt to the catalog.
+  <p class="text-sm">Use the form to add a new AI prompt to the catalog.</p>
 
-    Make sure to include a title, type, description, and any relevant tags.
+  <p class="text-sm mt-2">Make sure to include a title, type, description, and any relevant tags.</p>
 
-    You can also add notes for your own reference.
-  </p>
+  <p class="text-sm mt-2">You can also add notes for your own reference.</p>
 </aside>
diff --git a/src/pages/add.astro b/src/pages/add.astro
index 672f32b..eab632d 100644
--- a/src/pages/add.astro
+++ b/src/pages/add.astro
@@ -36,14 +36,14 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
 
           <form id="add-form" class="space-y-4">
             <div>
-              <label for="title" class="block font-medium">Title</label>
+              <label for="title" class="block text-md font-semibold mb-1">Title</label>
               <input name="title" id="title" required class="border p-2 w-full rounded" />
               <input type="hidden" name="slug" id="slug" />
             </div>
 
             <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
               <div>
-                <label for="type" class="block font-medium">Type</label>
+                <label for="type" class="block text-md font-semibold mb-1">Type</label>
                 <select name="type" id="type" required class="border border-gray-100 p-2 rounded w-full bg-gray-800">
                   <option value="System">System</option>
                   <option value="Task">Task</option>
@@ -51,18 +51,18 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
               </div>
 
               <div>
-                <label for="tags" class="block font-medium">Tags (comma-separated)</label>
+                <label for="tags" class="block text-md font-semibold mb-1">Tags (comma-separated)</label>
                 <input name="tags" id="tags" class="border p-2 pt-1 w-full rounded" />
               </div>
             </div>
 
             <div>
-              <label for="description" class="block font-medium">Description</label>
+              <label for="description" class="block text-md font-semibold mb-1">Description</label>
               <textarea name="description" id="description" rows="2" required class="border p-2 w-full rounded"></textarea>
             </div>
 
             <div>
-              <label for="notes" class="block font-medium">Notes</label>
+              <label for="notes" class="block text-md font-semibold mb-1">Notes</label>
               <textarea name="notes" id="notes" rows="3" class="border p-2 w-full rounded"></textarea>
             </div>