From 2ece4fefcef32b6208a8e54631a038cabe2f324f Mon Sep 17 00:00:00 2001
From: Joshua Laymon <joshlaymon@icloud.com>
Date: Sat, 16 Aug 2025 21:59:27 +0000
Subject: [PATCH] Update web/templates/search.html

---
 web/templates/search.html | 36 +++++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/web/templates/search.html b/web/templates/search.html
index c7500ef..255101a 100644
--- a/web/templates/search.html
+++ b/web/templates/search.html
@@ -62,24 +62,26 @@
     </div>
   {% endif %}
 </div>
-<!-- ===== User controls: font size + history + recent views =====
-<div class="card" style="padding:12px; margin:12px 0;">
-  <div class="meta-label">Font size DOES NOT WORK YET</div>
-  <div style="display:flex; gap:8px; margin-top:8px;">
-    <button class="nav-btn" data-font-choice="small"   type="button">Small</button>
-    <button class="nav-btn" data-font-choice="default" type="button">Default</button>
-    <button class="nav-btn" data-font-choice="large"   type="button">Large</button>
-    <button class="nav-btn" data-font-choice="xlarge"  type="button">Extra-Large</button>
-  </div>
-</div> -->
 
-<div class="card" style="padding:12px; margin:12px 0;">
-  <div class="meta-label">Your Recent Searches</div>
-  <ul id="searchHistoryList" class="small" style="margin:8px 0 0; padding-left:18px;"></ul>
-  <div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
-  <div class="meta-label">Recently Viewed</div>
-  <ul id="recentViewsList" class="small" style="margin:8px 0 0; padding-left:18px;"></ul>
-  <div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div>
+<!-- ===== History (single card) ===== -->
+<div class="card" style="padding:12px; margin:16px 0 12px;">
+  <div class="meta-label" style="margin-bottom:8px;">History</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;">
+
+  <!-- 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>
 
 <script>