From 423a2f596fca4a1fd22eee86abf34ea011b1eb6f Mon Sep 17 00:00:00 2001
From: Chris Lu <chrislusf@users.noreply.github.com>
Date: Fri, 16 Oct 2026 01:33:17 -0700
Subject: [PATCH] admin: keep a minimum width on dashboard progress tracks

A nonwrapping label beside a flex track could squeeze it to zero in a
narrow table, hiding the bar entirely.
---
 weed/admin/view/app/admin.templ    | 4 ++--
 weed/admin/view/app/admin_templ.go | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/weed/admin/view/app/admin.templ b/weed/admin/view/app/admin.templ
index aae63000d5..d3d9da4b1d 100644
--- a/weed/admin/view/app/admin.templ
+++ b/weed/admin/view/app/admin.templ
@@ -257,7 +257,7 @@ templ Admin(data dash.AdminData) {
                                                         <span class="text-muted">-</span>
                                                     } else {
                                                         <div class="d-flex align-items-center">
-                                                            <div class="progress flex-grow-1" style="height: 20px;">
+                                                            <div class="progress flex-grow-1" style="height: 20px; min-width: 48px;">
                                                                 <div class="progress-bar" role="progressbar"
                                                                      style={fmt.Sprintf("width: %d%%", tier.UsagePercent())}>
                                                                 </div>
@@ -448,7 +448,7 @@ templ Admin(data dash.AdminData) {
                                             <td>{vs.Rack}</td>
                                             <td>
                                                 <div class="d-flex align-items-center">
-                                                    <div class="progress flex-grow-1" style="height: 20px;">
+                                                    <div class="progress flex-grow-1" style="height: 20px; min-width: 48px;">
                                                         <div class="progress-bar" role="progressbar" 
                                                              style={fmt.Sprintf("width: %d%%", calculatePercent(vs.Volumes, vs.MaxVolumes))}>
                                                         </div>
diff --git a/weed/admin/view/app/admin_templ.go b/weed/admin/view/app/admin_templ.go
index 352b0a1b31..1c81b8531b 100644
--- a/weed/admin/view/app/admin_templ.go
+++ b/weed/admin/view/app/admin_templ.go
@@ -342,7 +342,7 @@ func Admin(data dash.AdminData) templ.Component {
 						return templ_7745c5c3_Err
 					}
 				} else {
-					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 32, "<div class=\"d-flex align-items-center\"><div class=\"progress flex-grow-1\" style=\"height: 20px;\"><div class=\"progress-bar\" role=\"progressbar\" style=\"")
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 32, "<div class=\"d-flex align-items-center\"><div class=\"progress flex-grow-1\" style=\"height: 20px; min-width: 48px;\"><div class=\"progress-bar\" role=\"progressbar\" style=\"")
 					if templ_7745c5c3_Err != nil {
 						return templ_7745c5c3_Err
 					}
@@ -621,7 +621,7 @@ func Admin(data dash.AdminData) templ.Component {
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 59, "</td><td><div class=\"d-flex align-items-center\"><div class=\"progress flex-grow-1\" style=\"height: 20px;\"><div class=\"progress-bar\" role=\"progressbar\" style=\"")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 59, "</td><td><div class=\"d-flex align-items-center\"><div class=\"progress flex-grow-1\" style=\"height: 20px; min-width: 48px;\"><div class=\"progress-bar\" role=\"progressbar\" style=\"")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}