From af9344202d819b90bec334d69b3ad07f744f38c6 Mon Sep 17 00:00:00 2001 From: Jon Seager Date: Sat, 7 Feb 2026 22:36:28 +0000 Subject: [PATCH] refactor(css): add text-2xs and small-caps utilities, replace inline styles - Add @utility text-2xs (0.65rem) and small-caps (font-variant) to input.css - Replace inline style="font-variant: small-caps" with .small-caps class across all list partials and base.html footer - Add gap support to .tab and .tab-mobile for icon+label layout - Reduce mobile top padding (py-4 md:py-10) on main container - Rename CSS section header from "Scrollbar hide" to "Utilities" --- static/css/input.css | 16 ++- templates/base.html | 142 ++++++++++++--------- templates/partials/lists/bag_list.html | 6 +- templates/partials/lists/brew_list.html | 2 +- templates/partials/lists/cafe_list.html | 2 +- templates/partials/lists/cup_list.html | 2 +- templates/partials/lists/gear_list.html | 2 +- templates/partials/lists/roast_list.html | 2 +- templates/partials/lists/roaster_list.html | 2 +- 9 files changed, 106 insertions(+), 70 deletions(-) diff --git a/static/css/input.css b/static/css/input.css index af0fc2a..6f6d283 100644 --- a/static/css/input.css +++ b/static/css/input.css @@ -88,7 +88,7 @@ a { text-decoration: none; } -/* ── Scrollbar hide ───────────────────────────────────────────── */ +/* ── Utilities ────────────────────────────────────────────────── */ @utility scrollbar-hide { -ms-overflow-style: none; @@ -98,6 +98,15 @@ a { } } +@utility text-2xs { + font-size: 0.65rem; + line-height: 1rem; +} + +@utility small-caps { + font-variant: small-caps; +} + /* ── Form controls ─────────────────────────────────────────────── */ .input-field { @@ -319,6 +328,7 @@ input.input-field[type="number"] { display: inline-flex; align-items: center; justify-content: center; + gap: 0.375rem; flex: 1; border-radius: 0.375rem; padding: 0.375rem 0.875rem; @@ -340,7 +350,9 @@ input.input-field[type="number"] { } .tab-mobile { - display: block; + display: flex; + align-items: center; + gap: 0.375rem; width: 100%; padding: 0.5rem 0.75rem; font-size: 0.875rem; diff --git a/templates/base.html b/templates/base.html index 386369a..b3e8000 100644 --- a/templates/base.html +++ b/templates/base.html @@ -1,20 +1,25 @@ - + + {% block title %}Brewlog{% endblock %} -
+
{% include "partials/nav.html" %} {% block content %}{% endblock %} -
diff --git a/templates/partials/lists/bag_list.html b/templates/partials/lists/bag_list.html index 3144ed9..49d1740 100644 --- a/templates/partials/lists/bag_list.html +++ b/templates/partials/lists/bag_list.html @@ -21,7 +21,7 @@ {{ table::search_header(navigator, "#bag-list") }}
- + {{ table::sortable_header("Added", "created-at", navigator, "#bag-list") }} {{ table::sortable_header("Roaster", "roaster", navigator, "#bag-list") }} @@ -56,7 +56,7 @@
-
{{ bag.remaining }} / {{ bag.amount }}g
+
{{ bag.remaining }} / {{ bag.amount }}g
{% endif %} @@ -65,7 +65,7 @@
-
{{ bag.remaining }} / {{ bag.amount }}g
+
{{ bag.remaining }} / {{ bag.amount }}g
{% endif %}
diff --git a/templates/partials/lists/brew_list.html b/templates/partials/lists/brew_list.html index 2b04b65..2681746 100644 --- a/templates/partials/lists/brew_list.html +++ b/templates/partials/lists/brew_list.html @@ -36,7 +36,7 @@
- + {{ table::sortable_header("Added", "created-at", navigator, "#brew-list") }} diff --git a/templates/partials/lists/cafe_list.html b/templates/partials/lists/cafe_list.html index 5b7970f..bdfa298 100644 --- a/templates/partials/lists/cafe_list.html +++ b/templates/partials/lists/cafe_list.html @@ -21,7 +21,7 @@ {{ table::search_header(navigator, "#cafe-list") }}
Coffee
- + {{ table::sortable_header("Added", "created-at", navigator, "#cafe-list") }} {{ table::sortable_header("Name", "name", navigator, "#cafe-list") }} diff --git a/templates/partials/lists/cup_list.html b/templates/partials/lists/cup_list.html index 6ee1fff..a4bc8a2 100644 --- a/templates/partials/lists/cup_list.html +++ b/templates/partials/lists/cup_list.html @@ -21,7 +21,7 @@ {{ table::search_header(navigator, "#cup-list") }}
- + {{ table::sortable_header("Added", "created-at", navigator, "#cup-list") }} {{ table::sortable_header("Roast", "roast", navigator, "#cup-list") }} diff --git a/templates/partials/lists/gear_list.html b/templates/partials/lists/gear_list.html index f6b7bd2..832a440 100644 --- a/templates/partials/lists/gear_list.html +++ b/templates/partials/lists/gear_list.html @@ -22,7 +22,7 @@
- + {{ table::sortable_header("Added", "created-at", navigator, "#gear-list") }} {{ table::sortable_header("Category", "category", navigator, "#gear-list") }} diff --git a/templates/partials/lists/roast_list.html b/templates/partials/lists/roast_list.html index 8c4d5f7..3f2cf16 100644 --- a/templates/partials/lists/roast_list.html +++ b/templates/partials/lists/roast_list.html @@ -21,7 +21,7 @@ {{ table::search_header(navigator, "#roast-list") }}
- + {{ table::sortable_header("Added", "created-at", navigator, "#roast-list") }} {{ table::sortable_header("Roast", "name", navigator, "#roast-list") }} diff --git a/templates/partials/lists/roaster_list.html b/templates/partials/lists/roaster_list.html index 9057c1d..c0ca338 100644 --- a/templates/partials/lists/roaster_list.html +++ b/templates/partials/lists/roaster_list.html @@ -21,7 +21,7 @@ {{ table::search_header(navigator, "#roaster-list") }}
- + {{ table::sortable_header("Added", "created-at", navigator, "#roaster-list") }} {{ table::sortable_header("Name", "name", navigator, "#roaster-list") }}