From d8693736d90d2052ba641ac06c83ff3cc97ae948 Mon Sep 17 00:00:00 2001
From: Richie Cahill <Richie@tmmworkshop.com>
Date: Wed, 8 Jul 2026 17:01:18 -0400
Subject: [PATCH] feat(ebook): improve search UX with grid actions and
 Enter-to-submit

Add a two-column grid layout for the admin protected-phrases actions
and submit the search form on Enter (Shift+Enter for newline).
---
 python/ebook_search/api/static/style.css      | 5 +++++
 python/ebook_search/api/templates/admin.html  | 2 +-
 python/ebook_search/api/templates/search.html | 3 ++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/python/ebook_search/api/static/style.css b/python/ebook_search/api/static/style.css
index 4eac52e..44bd8c4 100644
--- a/python/ebook_search/api/static/style.css
+++ b/python/ebook_search/api/static/style.css
@@ -218,6 +218,11 @@ button:hover {
     margin-bottom: 24px;
 }
 
+.actions-grid {
+    display: grid;
+    grid-template-columns: repeat(2, max-content);
+}
+
 /* Answer + results */
 #results {
     display: block;
diff --git a/python/ebook_search/api/templates/admin.html b/python/ebook_search/api/templates/admin.html
index 512da3a..2e95bee 100644
--- a/python/ebook_search/api/templates/admin.html
+++ b/python/ebook_search/api/templates/admin.html
@@ -52,7 +52,7 @@ head %}
 </section>
 <section>
   <h2>Protected phrases</h2>
-  <section class="actions">
+  <section class="actions actions-grid">
     <form
       hx-post="/admin/phrases/generate-all"
       hx-target="#admin-status"
diff --git a/python/ebook_search/api/templates/search.html b/python/ebook_search/api/templates/search.html
index c86113f..4bf8555 100644
--- a/python/ebook_search/api/templates/search.html
+++ b/python/ebook_search/api/templates/search.html
@@ -7,7 +7,8 @@
     <h1>Search</h1>
     <form class="card" hx-post="/search" hx-target="#results" hx-swap="innerHTML">
         <label for="query">What are you looking for?</label>
-        <textarea id="query" name="query" rows="4" placeholder="Ask a question or paste a passage…" required></textarea>
+        <textarea id="query" name="query" rows="4" placeholder="Ask a question or paste a passage…" required
+            onkeydown="if (event.key === 'Enter' && !event.shiftKey) { event.preventDefault(); this.form.requestSubmit(); }"></textarea>
         <div class="form-row">
             <div class="search-toggles">
                 <label class="check">