From d518beb637e7c2776d84e87c63cc201c101ca89c Mon Sep 17 00:00:00 2001
From: JJ <nicetry@noemail.com>
Date: Sun, 30 Mar 2025 20:56:01 +0100
Subject: styling, sub instructions

---
 templates/components/app.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'templates/components/app.html')

diff --git a/templates/components/app.html b/templates/components/app.html
index 6a4c83a..f2fe587 100644
--- a/templates/components/app.html
+++ b/templates/components/app.html
@@ -1,7 +1,10 @@
 <!-- Renders the main part of the app, including recipes, filters, pagination -->
 
 <div class="app">
-  <h3>Filter by tag</h3>
+  <div style="display: flex;">
+    <h3 style="margin-right:10px;">Filter by tag</h3>
+    <img src={{url_for("static", filename="images/bars.svg")}} class="htmx-indicator" id="spinner-3" alt="loading indicator "/>
+  </div>
   <form
     class="tags"
     hx-post="/recipes/search"
@@ -9,6 +12,7 @@
     hx-include="#search"
     hx-target=".app"
     hx-swap="innerHTML"
+    hx-indicator="spinner-3"
     id="facets"
   >
     {% for facet in facets %}
-- 
cgit v1.2.3