From 545343e086d4e61a3eb264e429f87f514b49e42b Mon Sep 17 00:00:00 2001
From: DEls <davide.els1@outlook.com>
Date: Mon, 31 Aug 2026 14:19:04 +0200
Subject: [PATCH] fix(fuel): keep alert/warn count badges on a single line

The 'X alerts' and 'X warns' badges in AlertCard and AlertListRow
had no whitespace-nowrap, so '2 alerts' could wrap to two lines on
narrow viewports. Add whitespace-nowrap in both AlertCard and
AlertListRow variants of the alert-red and warn-amber badges.
---
 src/app/dashboard/fuel/fuel-view.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/dashboard/fuel/fuel-view.tsx b/src/app/dashboard/fuel/fuel-view.tsx
index 937afcb..8ee4268 100644
--- a/src/app/dashboard/fuel/fuel-view.tsx
+++ b/src/app/dashboard/fuel/fuel-view.tsx
@@ -874,7 +874,7 @@ function AlertCard({
           {v.alert > 0 && (
             <Badge
               variant="outline"
-              className="gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
+              className="whitespace-nowrap gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
             >
               <AlertTriangle className="h-3 w-3" />
               {v.alert} alert{v.alert === 1 ? "" : "s"}
@@ -883,7 +883,7 @@ function AlertCard({
           {v.warn > 0 && (
             <Badge
               variant="outline"
-              className="gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
+              className="whitespace-nowrap gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
             >
               {v.warn} warn{v.warn === 1 ? "" : "s"}
             </Badge>
@@ -959,7 +959,7 @@ function AlertListRow({
         {v.alert > 0 && (
           <Badge
             variant="outline"
-            className="gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
+            className="whitespace-nowrap gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
           >
             <AlertTriangle className="h-3 w-3" />
             {v.alert} alert{v.alert === 1 ? "" : "s"}
@@ -968,7 +968,7 @@ function AlertListRow({
         {v.warn > 0 && (
           <Badge
             variant="outline"
-            className="gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
+            className="whitespace-nowrap gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
           >
             {v.warn} warn{v.warn === 1 ? "" : "s"}
           </Badge>