From 8c1c7b75e74fc92cc04ef61291f3fc942f2b8f3b Mon Sep 17 00:00:00 2001
From: Ross <ross@xkjq.uk>
Date: Wed, 5 Nov 2025 21:52:53 +0000
Subject: [PATCH] Refactor case search input and results handling for improved
 functionality and clarity

---
 atlas/templates/atlas/index.html              | 104 +++++++++---------
 .../atlas/partials/_case_search_results.html  |   2 +-
 2 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/atlas/templates/atlas/index.html b/atlas/templates/atlas/index.html
index 986548f2..d2256463 100644
--- a/atlas/templates/atlas/index.html
+++ b/atlas/templates/atlas/index.html
@@ -1,64 +1,64 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-    <div class="container my-4">
-        <div class="row">
-            <div class="col-12">
-                <h2 class="mb-3">Atlas</h2>
+<div class="container my-4">
+    <div class="row">
+        <div class="col-12">
+            <h2 class="mb-3">Atlas</h2>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-12 col-md-8">
+            <div class="card mb-3">
+                <div class="card-body">
+                    <h5 class="card-title">Search cases</h5>
+                    <div class="mb-2">
+                        <input class="form-control" id="case-search-input" name="q" type="search"
+                            placeholder="Search cases by title or description"
+                            hx-get="{% url 'atlas:case_search_partial' %}"
+                            hx-trigger="input changed delay:500ms, keyup[key=='Enter']"
+                            hx-target="#case-search-results" >
+                    </div>
+                    <div id="case-search-results">
+                        {% include 'atlas/partials/_case_search_results.html' with cases=None %}
+                    </div>
+                </div>
+            </div>
+            <div class="card mb-3">
+                <div class="card-body">
+                    <h5 class="card-title">Collections</h5>
+                    <p class="card-text">Quick access to collections you can view or take.</p>
+                    <a href="{% url 'atlas:user_collections' %}" class="btn btn-primary">Collections to view / take</a>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-body">
+                    <h5 class="card-title">My cases / collections</h5>
+                    <p>View my <a href="{% url 'atlas:case_view' %}?author={{ request.user.id }}">cases</a>.</p>
+                    <p>
+                        <a href="{% url 'atlas:user_uploads' %}" class="btn btn-outline-secondary">
+                            <i class="bi bi-cloud-arrow-up me-1"></i> Uploads awaiting import
+                        </a>
+                    </p>
+                </div>
             </div>
         </div>
 
-        <div class="row">
-            <div class="col-12 col-md-8">
-                <div class="card mb-3">
-                    <div class="card-body">
-                        <h5 class="card-title">Search cases</h5>
-                        <div class="mb-2">
-                            <input class="form-control" id="case-search-input" name="q" placeholder="Search cases by title or description"
-                                hx-get="{% url 'atlas:case_search_partial' %}"
-                                hx-trigger="keyup changed delay:500ms"
-                                hx-target="#case-search-results"
-                                hx-include="#case-search-input">
-                        </div>
-                        <div id="case-search-results" hx-swap-oob="true">
-                            {% include 'atlas/partials/_case_search_results.html' with cases=None %}
-                        </div>
-                    </div>
-                </div>
-                <div class="card mb-3">
-                    <div class="card-body">
-                        <h5 class="card-title">Collections</h5>
-                        <p class="card-text">Quick access to collections you can view or take.</p>
-                        <a href="{% url 'atlas:user_collections' %}" class="btn btn-primary">Collections to view / take</a>
-                    </div>
-                </div>
-
-                <div class="card">
-                    <div class="card-body">
-                        <h5 class="card-title">My cases / collections</h5>
-                        <p>View my <a href="{% url 'atlas:case_view' %}?author={{ request.user.id }}">cases</a>.</p>
-                        <p>
-                            <a href="{% url 'atlas:user_uploads' %}" class="btn btn-outline-secondary">
-                                <i class="bi bi-cloud-arrow-up me-1"></i> Uploads awaiting import
-                            </a>
-                        </p>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-12 col-md-4">
-                <div class="card">
-                    <div class="card-body">
-                        <h6 class="card-subtitle mb-2 text-muted">Quick links</h6>
-                        <ul class="list-unstyled mb-0">
-                            <li><a href="{% url 'atlas:user_collections' %}">Collections to view / take</a></li>
-                            <li><a href="{% url 'atlas:case_view' %}?author={{ request.user.id }}">My cases</a></li>
-                            <li><a href="{% url 'atlas:user_uploads' %}">Uploads awaiting import</a></li>
-                        </ul>
-                    </div>
+        <div class="col-12 col-md-4">
+            <div class="card">
+                <div class="card-body">
+                    <h6 class="card-subtitle mb-2 text-muted">Quick links</h6>
+                    <ul class="list-unstyled mb-0">
+                        <li><a href="{% url 'atlas:user_collections' %}">Collections to view / take</a></li>
+                        <li><a href="{% url 'atlas:case_view' %}?author={{ request.user.id }}">My cases</a></li>
+                        <li><a href="{% url 'atlas:user_uploads' %}">Uploads awaiting import</a></li>
+                    </ul>
                 </div>
             </div>
         </div>
     </div>
+</div>
 
 {% endblock %}
\ No newline at end of file
diff --git a/atlas/templates/atlas/partials/_case_search_results.html b/atlas/templates/atlas/partials/_case_search_results.html
index 1b7665f9..aae32b16 100644
--- a/atlas/templates/atlas/partials/_case_search_results.html
+++ b/atlas/templates/atlas/partials/_case_search_results.html
@@ -1,6 +1,6 @@
 {# partial: list of cases for HTMX search results #}
 <div class="list-group">
-{% if cases and cases.exists %}
+{% if cases %}
   {% for case in cases %}
     <a href="{% url 'atlas:case_detail' case.pk %}" class="list-group-item list-group-item-action">
       <div class="d-flex w-100 justify-content-between">