From 81308fdef26049035519356cb9893c72ac38e981 Mon Sep 17 00:00:00 2001 From: Jon Seager Date: Sat, 7 Feb 2026 21:42:38 +0000 Subject: [PATCH] style(ui): restyle cards, buttons, and icons for consistency - Redesign brew cards: replace pill badges with text notes, add full-width Brew Again button with cup icon, adjust card height - Redesign bag cards: move Brew/Close buttons below progress bar, add Close button label, reduce card height - Restyle account page buttons (Sign Out, Restore, Reset, Cancel) to use consistent bordered-accent pattern - Replace thin logout icon with Font Awesome person-running SVG - Update homepage stats labels and quick action buttons to text-sm - Add empty state placeholders for brews, bags, and activity sections - Enlarge logo click target, swap theme toggle icons, add font-medium to mobile tab selector - Remove small-caps from scan input "or" labels --- static/css/input.css | 1 + templates/pages/account.html | 10 +-- templates/pages/add.html | 4 +- templates/pages/home.html | 72 +++++++++++-------- templates/pages/login.html | 3 +- templates/pages/register.html | 6 +- templates/partials/bag_card.html | 43 ++++++----- templates/partials/brew_card.html | 32 ++++----- .../partials/forms/scan_result_form.html | 8 +-- templates/partials/icons.html | 5 +- templates/partials/nav.html | 6 +- templates/partials/scan_input.html | 2 +- templates/partials/tab_bar.html | 2 +- 13 files changed, 97 insertions(+), 97 deletions(-) diff --git a/static/css/input.css b/static/css/input.css index 1284180..af0fc2a 100644 --- a/static/css/input.css +++ b/static/css/input.css @@ -344,6 +344,7 @@ input.input-field[type="number"] { width: 100%; padding: 0.5rem 0.75rem; font-size: 0.875rem; + font-weight: 500; text-align: left; cursor: pointer; border: none; diff --git a/templates/pages/account.html b/templates/pages/account.html index 0a6e555..3fd6edc 100644 --- a/templates/pages/account.html +++ b/templates/pages/account.html @@ -74,7 +74,7 @@ @@ -175,7 +175,7 @@ @@ -239,14 +239,14 @@ diff --git a/templates/pages/add.html b/templates/pages/add.html index aad6cbe..0c84810 100644 --- a/templates/pages/add.html +++ b/templates/pages/add.html @@ -86,7 +86,7 @@ > {{ icons::camera("h-5 w-5") }} - or + or + class="mt-4 block w-full rounded-md bg-accent px-4 py-3 text-center text-sm font-semibold text-accent-text transition hover:bg-accent-hover" > Go to Brewlog diff --git a/templates/partials/bag_card.html b/templates/partials/bag_card.html index 45117fe..c671018 100644 --- a/templates/partials/bag_card.html +++ b/templates/partials/bag_card.html @@ -1,36 +1,35 @@ {% import "partials/icons.html" as icons %} {% macro card(bag, is_authenticated) %} -
- {% if is_authenticated %} - - {% endif %} -
+
+
{{ bag.roast_name }}

{{ bag.roaster_name }}

- {% if is_authenticated %} -
- - {{ icons::cup("h-4 w-4") }} - Brew - -
- {% endif %}
-

{{ bag.remaining }} / {{ bag.amount }}g

+

{{ bag.remaining }} / {{ bag.amount }}g

+ {% if is_authenticated %} +
+ + {{ icons::cup("h-4 w-4") }} + Brew + + +
+ {% endif %}
{% endmacro %} diff --git a/templates/partials/brew_card.html b/templates/partials/brew_card.html index 0835854..bb8bb82 100644 --- a/templates/partials/brew_card.html +++ b/templates/partials/brew_card.html @@ -1,33 +1,25 @@ {% import "partials/icons.html" as icons %} {% macro card(brew, is_authenticated) %} -
- {% if is_authenticated %} - - {{ icons::refresh("h-4.5 w-4.5") }} - - {% endif %} -
+
+
{{ brew.roast_name }}

{{ brew.roaster_name }}

-
+

{{ brew.coffee_weight }} · {{ brew.water_volume }}{% if let Some(bt) = brew.brew_time %} · {{ bt }}{% endif %}

{{ brew.grinder_model }} · {{ brew.grind_setting }}

{{ brew.brewer_name }}

{% if let Some(fp) = brew.filter_paper_name %}

{{ fp }}

{% endif %} + {% if !brew.quick_notes.is_empty() %}

{{ brew.quick_notes_label }}

{% endif %}
-
- {% if !brew.quick_notes.is_empty() %} - {% for qn in brew.quick_notes %} - {{ qn.label }} - {% endfor %} - {% else %} - No Notes - {% endif %} + {% if is_authenticated %} +
+ + {{ icons::cup("h-4 w-4") }} + Brew Again +
+ {% endif %}
{% endmacro %} diff --git a/templates/partials/forms/scan_result_form.html b/templates/partials/forms/scan_result_form.html index 3983416..acf4170 100644 --- a/templates/partials/forms/scan_result_form.html +++ b/templates/partials/forms/scan_result_form.html @@ -129,16 +129,16 @@ diff --git a/templates/partials/icons.html b/templates/partials/icons.html index dbd1430..7cd9ec6 100644 --- a/templates/partials/icons.html +++ b/templates/partials/icons.html @@ -73,9 +73,8 @@ {% endmacro %} {% macro logout(class) %} -
-
B{rew}log
+
B{rew}log
{% if is_authenticated %} @@ -9,8 +9,8 @@ {% endif %} {% if is_authenticated %} diff --git a/templates/partials/scan_input.html b/templates/partials/scan_input.html index 8d47759..259ac97 100644 --- a/templates/partials/scan_input.html +++ b/templates/partials/scan_input.html @@ -9,7 +9,7 @@ > {{ icons::camera("h-5 w-5") }} - or + or