From 817b03c369bd4fcda99e66b4eb7d6419ae2ff979 Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Sat, 16 Aug 2025 22:05:08 +0000
Subject: [PATCH] Update web/templates/search.html

---
 web/templates/search.html | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/web/templates/search.html b/web/templates/search.html
index c4b984c..ad9c632 100644
--- a/web/templates/search.html
+++ b/web/templates/search.html
@@ -61,26 +61,26 @@
       <div class="empty-subtitle">Try broadening your terms or enabling more fields above.</div>
     </div>
   {% endif %}
-</div>
 
-<!-- ===== History (single card) ===== -->
-<div class="card" style="padding:12px; margin:16px 0 12px;">
-   <h1 class="page-title">Search History</h1>
+  <!-- ===== History (single card) — now inside .container so width matches ===== -->
+  <div class="card" style="padding:12px; margin:16px 0 12px;">
+     <h1 class="page-title">Search History</h1>
 
-  <!-- Recent Searches -->
-  <div style="margin-top:6px;">
-    <div class="small muted" style="margin-bottom:6px;">Your Recent Searches</div>
-    <ul id="searchHistoryList" class="small" style="margin:0; padding-left:18px;"></ul>
-    <div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
-  </div>
+    <!-- Recent Searches -->
+    <div style="margin-top:6px;">
+      <div class="small muted" style="margin-bottom:6px;">Your Recent Searches</div>
+      <ul id="searchHistoryList" class="small" style="margin:0; padding-left:18px;"></ul>
+      <div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
+    </div>
 
-  <hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
+    <hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
 
-  <!-- Recently Viewed -->
-  <div>
-    <div class="small muted" style="margin-bottom:6px;">Recently Viewed</div>
-    <ul id="recentViewsList" class="small" style="margin:0; padding-left:18px;"></ul>
-    <div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div>
+    <!-- Recently Viewed -->
+    <div>
+      <div class="small muted" style="margin-bottom:6px;">Recently Viewed</div>
+      <ul id="recentViewsList" class="small" style="margin:0; padding-left:18px;"></ul>
+      <div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div>
+    </div>
   </div>
 </div>