styling, sub instructions

1 files changed, 5 insertions, 1 deletions

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 %}