From 161ee586813dc91fc2ba965aa60e0d2cdbe59447 Mon Sep 17 00:00:00 2001
From: TheWitness <thewitness@cacti.net>
Date: Wed, 7 Oct 2026 13:51:17 -0400
Subject: [PATCH] thold: make legend chips fill their grid cell

The legend chips carry both the new .tholdLegendItem class and a legacy
state class (.tholdAlert, .deviceUpFull, etc.) that still declares a fixed
width (14%/11.11%). The grid rule never set a width, so that legacy width
leaked onto the grid items: chips did not stretch to fill their cell and
long labels overflowed the coloured box. Give .tholdLegendItem
width:100% + box-sizing:border-box + min-width:0 so each chip fills its
grid track, keeping the label centred inside the colour boundary.
---
 css/classic.css     | 3 +++
 css/dark.css        | 3 +++
 css/deepness.css    | 3 +++
 css/midwinter.css   | 3 +++
 css/modern.css      | 3 +++
 css/paper-plane.css | 3 +++
 css/paw.css         | 3 +++
 css/sunrise.css     | 3 +++
 8 files changed, 24 insertions(+)

diff --git a/css/classic.css b/css/classic.css
index 8332b401..d052cae1 100644
--- a/css/classic.css
+++ b/css/classic.css
@@ -297,6 +297,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;
diff --git a/css/dark.css b/css/dark.css
index f44acba5..1e8073d1 100644
--- a/css/dark.css
+++ b/css/dark.css
@@ -319,6 +319,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;
diff --git a/css/deepness.css b/css/deepness.css
index 3bd29a57..140cb79f 100644
--- a/css/deepness.css
+++ b/css/deepness.css
@@ -319,6 +319,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;
diff --git a/css/midwinter.css b/css/midwinter.css
index d7544198..a4d7e37b 100644
--- a/css/midwinter.css
+++ b/css/midwinter.css
@@ -319,6 +319,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;
diff --git a/css/modern.css b/css/modern.css
index 75945de1..d1368bf2 100644
--- a/css/modern.css
+++ b/css/modern.css
@@ -313,6 +313,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;
diff --git a/css/paper-plane.css b/css/paper-plane.css
index c092123d..738f9655 100644
--- a/css/paper-plane.css
+++ b/css/paper-plane.css
@@ -293,6 +293,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;
diff --git a/css/paw.css b/css/paw.css
index c71d7075..c22f9e85 100644
--- a/css/paw.css
+++ b/css/paw.css
@@ -319,6 +319,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;
diff --git a/css/sunrise.css b/css/sunrise.css
index bd6c9f39..8ca0d2c4 100644
--- a/css/sunrise.css
+++ b/css/sunrise.css
@@ -319,6 +319,9 @@
 }
 
 .tholdLegend .tholdLegendItem {
+	box-sizing: border-box;
+	width: 100%;
+	min-width: 0;
 	text-align: center;
 	white-space: nowrap;
 	padding: 4px 6px;