From f195ba5a5c67399571054d3f0b3073a0c364c90f Mon Sep 17 00:00:00 2001
From: David Gwilliam <dhgwilliam@gmail.com>
Date: Sun, 21 Jun 2026 22:35:18 -0700
Subject: [PATCH] ui: move search results below download/extract controls
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Search bar stays at top as the "command center".
Download queue and extract controls follow.
Results render at the bottom — the main scrolling area.
---
 web/ui/app.js     | 1 +
 web/ui/index.html | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/ui/app.js b/web/ui/app.js
index b08d0a3..b5f92e9 100644
--- a/web/ui/app.js
+++ b/web/ui/app.js
@@ -29,6 +29,7 @@ async function doSearch() {
     const resp = await fetch(`${API}/search?${params}`);
     const data = await resp.json();
     status.textContent = `Found ${data.length} items`;
+    document.getElementById('result-count').textContent = `(${data.length})`;
     renderResults(data);
   } catch (e) {
     status.textContent = 'Search failed: ' + e.message;
diff --git a/web/ui/index.html b/web/ui/index.html
index fe4b4ad..c0a6431 100644
--- a/web/ui/index.html
+++ b/web/ui/index.html
@@ -22,7 +22,6 @@
       <button id="search-dl-all">Download Top 10</button>
     </div>
     <div id="search-status"></div>
-    <div id="search-results"></div>
   </section>
 
   <section id="download-section">
@@ -39,6 +38,11 @@
     </div>
     <div id="extract-status"></div>
   </section>
+
+  <section id="results-section">
+    <h2>Results <span id="result-count"></span></h2>
+    <div id="search-results"></div>
+  </section>
 </div>
 <script src="app.js"></script>
 </body>