From 6b3669b8bfe1431f223aacad74985309ab87b368 Mon Sep 17 00:00:00 2001
From: Keith Solomon <keith@vincentdesign.ca>
Date: Sun, 27 Jul 2025 10:27:07 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix:=20Move=20sidebar=20border?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SearchBar.astro   | 2 +-
 src/components/SidebarAdd.astro  | 2 +-
 src/components/SidebarEdit.astro | 2 +-
 src/pages/add.astro              | 2 +-
 src/pages/edit.astro             | 2 +-
 src/pages/index.astro            | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/SearchBar.astro b/src/components/SearchBar.astro
index 74e4694..601017f 100644
--- a/src/components/SearchBar.astro
+++ b/src/components/SearchBar.astro
@@ -4,7 +4,7 @@
 // TODO: Add options for AND/OR switching and sort by options
 ---
 
-<div class="w-64 border-r h-full p-4 text-gray-100 min-h-screen">
+<div class="w-64 h-full p-4 text-gray-100 min-h-screen">
   <a href="/add" id="add-prompt" class="block w-fit bg-green-600 text-white px-4 py-2 mb-4 rounded hover:bg-green-700 transition-colors duration-300">
     Add Prompt
   </a>
diff --git a/src/components/SidebarAdd.astro b/src/components/SidebarAdd.astro
index 01c95cc..9c71272 100644
--- a/src/components/SidebarAdd.astro
+++ b/src/components/SidebarAdd.astro
@@ -15,7 +15,7 @@ const code = `[
 `;
 ---
 
-<aside class="w-64 border-r h-full p-4 text-gray-100 min-h-screen">
+<aside class="w-64 h-full p-4 text-gray-100 min-h-screen">
   <h2 class="text-lg font-semibold mb-4">Add a prompt</h2>
 
   <p class="text-sm">Use the form to add a new AI prompt to the catalog.</p>
diff --git a/src/components/SidebarEdit.astro b/src/components/SidebarEdit.astro
index a3533f3..5934cbd 100644
--- a/src/components/SidebarEdit.astro
+++ b/src/components/SidebarEdit.astro
@@ -2,7 +2,7 @@
 // Sidebar.astro
 ---
 
-<aside class="w-64 border-r h-full p-4 text-gray-100 min-h-screen">
+<aside class="w-64 h-full p-4 text-gray-100 min-h-screen">
   <h2 class="text-lg font-semibold mb-4">Edit a prompt</h2>
 
   <p class="text-sm">Use the form to edit an AI prompt in the catalog.</p>
diff --git a/src/pages/add.astro b/src/pages/add.astro
index 5b26697..b12c18f 100644
--- a/src/pages/add.astro
+++ b/src/pages/add.astro
@@ -27,7 +27,7 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
     <main class="flex">
       <Sidebar />
 
-      <div class="flex-1 flex flex-col overflow-hidden">
+      <div class="border-l flex-1 flex flex-col overflow-hidden">
         <div class="flex-1 overflow-y-auto p-4">
           <div id="success" class="bg-green-100 text-green-700 p-4 rounded mb-4 hidden">
             Prompt added successfully!
diff --git a/src/pages/edit.astro b/src/pages/edit.astro
index 2105737..ba20cf6 100644
--- a/src/pages/edit.astro
+++ b/src/pages/edit.astro
@@ -27,7 +27,7 @@ const supabaseKey = import.meta.env.PUBLIC_SUPABASE_ANON_KEY;
     <main class="flex">
       <Sidebar />
 
-      <div class="flex-1 flex flex-col overflow-hidden">
+      <div class="border-l flex-1 flex flex-col overflow-hidden">
         <main class="flex-1 overflow-y-auto p-4">
           <div id="edit-root">Loading...</div>
         </main>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 71ee523..31e2af4 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -25,8 +25,8 @@ const allTags = Array.from(
   <main class="flex">
     <SearchBar allTags={allTags} />
 
-    <div class="flex-1 flex flex-col overflow-hidden">
-      <div class="flex-1 overflow-y-auto px-6 pt-2">
+    <div class="border-l flex-1 flex flex-col overflow-hidden">
+      <div class="flex-1 overflow-y-auto px-6 pt-2 pb-4">
         {error
         ? <p class="text-red-500">Supabase error: {error.message}</p>
         : <FilteredPromptList prompts={prompts} />}