From 10c19b1f675916b9b9acf614f462a087d9fad4f4 Mon Sep 17 00:00:00 2001
From: Jon Seager <jon@sgrs.uk>
Date: Wed, 4 Feb 2026 16:01:44 +0000
Subject: [PATCH] fix(templates): align cancel button styling across all form
 pages

- Update bags, brews, and gear cancel buttons to match cafes/roasters style
- Use amber-300 border with stone-700 text for consistent cancel button appearance
---
 templates/bags.html  | 2 +-
 templates/brews.html | 2 +-
 templates/gear.html  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/bags.html b/templates/bags.html
index 397c95f..c859198 100644
--- a/templates/bags.html
+++ b/templates/bags.html
@@ -93,7 +93,7 @@
       <div class="flex justify-end gap-3">
         <button
           type="button"
-          class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50"
+          class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
           data-on:click="$_showForm = false"
         >
           Cancel
diff --git a/templates/brews.html b/templates/brews.html
index 4b7b637..f1b42ae 100644
--- a/templates/brews.html
+++ b/templates/brews.html
@@ -142,7 +142,7 @@
       <div class="flex justify-end gap-3">
         <button
           type="button"
-          class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50"
+          class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
           data-on:click="$_showForm = false"
         >
           Cancel
diff --git a/templates/gear.html b/templates/gear.html
index 8bbc06e..ad3c5e7 100644
--- a/templates/gear.html
+++ b/templates/gear.html
@@ -75,7 +75,7 @@
       <div class="flex justify-end gap-3">
         <button
           type="button"
-          class="rounded-md px-4 py-2 text-sm font-medium text-stone-600 hover:bg-stone-200/50"
+          class="rounded-md border border-amber-300 px-4 py-2 text-sm font-semibold text-stone-700 transition hover:border-amber-400 hover:text-stone-800"
           data-on:click="$_showForm = false"
         >
           Cancel