From fbc2d66a845267c9f3402260fe1ff321d864b96d Mon Sep 17 00:00:00 2001
From: Jon Seager <jon@sgrs.uk>
Date: Thu, 5 Feb 2026 20:46:07 +0000
Subject: [PATCH] refactor(home): move quick notes pills to card footer with
 icon-only brew again

- Move quick notes pills into border-t footer row, left-aligned
- Show "No Notes" muted pill when brew has no quick notes
- Replace text "Brew Again" button with compact refresh icon button
- Footer now always visible (pills + optional brew-again action)
---
 templates/pages/home.html | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/templates/pages/home.html b/templates/pages/home.html
index dee5c29..04e28ed 100644
--- a/templates/pages/home.html
+++ b/templates/pages/home.html
@@ -94,17 +94,19 @@
         <p class="truncate"><span class="font-medium text-stone-800">{{ brew.grind_setting }}</span> <span class="text-stone-500">· {{ brew.grinder_name }}</span></p>
         <p class="truncate"><span class="font-medium text-stone-800">{{ brew.brewer_name }}</span>{% if let Some(fp) = brew.filter_paper_name %} <span class="text-stone-500">· {{ fp }}</span>{% endif %}</p>
       </div>
-      {% if !brew.quick_notes.is_empty() %}
-      <div class="mt-2 flex flex-wrap gap-1">
-        {% for qn in brew.quick_notes %}
-        <span class="{{ qn.pill_class }}">{{ qn.label }}</span>
-        {% endfor %}
-      </div>
-      {% endif %}
-      {% if is_authenticated %}
-      <div class="mt-3 pt-3 border-t flex gap-3">
+      <div class="mt-3 pt-3 border-t flex items-center justify-between gap-3">
+        <div class="flex flex-wrap gap-1">
+          {% if !brew.quick_notes.is_empty() %}
+          {% for qn in brew.quick_notes %}
+          <span class="{{ qn.pill_class }}">{{ qn.label }}</span>
+          {% endfor %}
+          {% else %}
+          <span class="pill pill-muted">No Notes</span>
+          {% endif %}
+        </div>
+        {% if is_authenticated %}
         <form
-          class="inline"
+          class="inline shrink-0"
           data-on:submit="@post('/api/v1/brews', {contentType: 'form'})"
         >
           <input type="hidden" name="bag_id" value="{{ brew.bag_id }}" />
@@ -119,14 +121,14 @@
           <input type="hidden" name="water_temp" value="{{ brew.water_temp_raw }}" />
           <button
             type="submit"
-            class="inline-flex items-center gap-1 text-sm font-medium text-accent hover:text-accent-hover"
+            class="inline-flex h-8 w-8 items-center justify-center rounded-md text-accent transition hover:text-accent-hover hover:bg-surface-alt"
+            title="Brew Again"
           >
-            {% call icons::plus_circle("h-4 w-4") %}
-            Brew Again
+            {% call icons::refresh("h-4 w-4") %}
           </button>
         </form>
+        {% endif %}
       </div>
-      {% endif %}
     </div>
     {% endfor %}
   </div>