search looks better now

assets/views/shop/_results.html

@@ -3,9 +3,17 @@
    pagination. #}
 {% set L = lang | default(value='sk') %}
 <div class="space-y-4">
-  <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70" aria-live="polite">
-    {{ t(key="results-count", lang=L, count=total) }}{% if query and query != "" %} · “{{ query }}”{% endif %}
-  </p>
+  <div class="flex flex-wrap items-center justify-between gap-2">
+    <p class="text-sm text-on-surface/70 dark:text-on-surface-dark/70" aria-live="polite">
+      {{ t(key="results-count", lang=L, count=total) }}{% if query and query != "" %} · “{{ query }}”{% endif %}
+    </p>
+    {% if query_base and query_base != "" %}
+    <a href="/shop" hx-get="/search" hx-target="#shop-results" hx-push-url="true"
+      class="text-sm font-medium text-on-surface/70 underline-offset-2 transition hover:text-primary hover:underline dark:text-on-surface-dark/70 dark:hover:text-primary-dark">
+      {{ t(key="filter-clear", lang=L) }}
+    </a>
+    {% endif %}
+  </div>
 
   {% if products | length > 0 %}
   {% include "shop/_product_grid.html" %}