From ef039da1232eef7f92ed468a82666b7d7ffe8f12 Mon Sep 17 00:00:00 2001
From: Jon Seager <jon@sgrs.uk>
Date: Wed, 4 Feb 2026 17:49:57 +0000
Subject: [PATCH] fix(home): prevent text wrapping in brew and bag card detail
 fields

---
 templates/home.html              | 6 +++---
 templates/partials/bag_card.html | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/home.html b/templates/home.html
index c8fbc47..a86753d 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -197,9 +197,9 @@
         <p class="truncate text-sm text-stone-500">{{ brew.roaster_name }}</p>
       </div>
       <div class="mt-2 space-y-0.5 text-sm">
-        <p><span class="font-medium text-stone-800">{{ brew.coffee_weight }} / {{ brew.water_volume }}</span> <span class="text-stone-500">· {{ brew.ratio }} · {{ brew.water_temp }}</span></p>
-        <p><span class="font-medium text-stone-800">{{ brew.grind_setting }}</span> <span class="text-stone-500">· {{ brew.grinder_name }}</span></p>
-        <p><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>
+        <p class="truncate"><span class="font-medium text-stone-800">{{ brew.coffee_weight }} / {{ brew.water_volume }}</span> <span class="text-stone-500">· {{ brew.ratio }} · {{ brew.water_temp }}</span></p>
+        <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 is_authenticated %}
       <div class="mt-3 pt-3 border-t border-amber-100 flex gap-3">
diff --git a/templates/partials/bag_card.html b/templates/partials/bag_card.html
index 501fbb2..d463dd3 100644
--- a/templates/partials/bag_card.html
+++ b/templates/partials/bag_card.html
@@ -5,7 +5,7 @@
     <a href="/roasters/{{ bag.roaster_slug }}/roasts/{{ bag.roast_slug }}" class="block truncate font-semibold text-amber-800 hover:text-amber-600">{{ bag.roast_name }}</a>
     <p class="truncate text-sm text-stone-500">{{ bag.roaster_name }}</p>
   </div>
-  <p class="mt-2 text-sm text-stone-600">
+  <p class="mt-2 truncate text-sm text-stone-600">
     <span class="font-medium">{{ bag.remaining }}g</span>
     <span class="text-stone-400">of {{ bag.amount }}g remaining</span>
   </p>