From eb1c46c05385608b9290de459e04c685e4407785 Mon Sep 17 00:00:00 2001
From: cproudlock <cproudlock@localhost>
Date: Mon, 20 Jul 2026 15:40:28 -0400
Subject: [PATCH] shopfloor dashboard: fix recert-name height so long names
 don't shift the grid

A wrapped (2-line) name made its tile taller and shifted the whole recert grid.
Reserve a fixed two-line height on .recert-name (line-clamp 2 + ellipsis) so
every tile is the same height regardless of name length.
---
 frontend/src/views/ShopfloorDashboard.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/views/ShopfloorDashboard.vue b/frontend/src/views/ShopfloorDashboard.vue
index 7d7036c..1069a6a 100644
--- a/frontend/src/views/ShopfloorDashboard.vue
+++ b/frontend/src/views/ShopfloorDashboard.vue
@@ -603,6 +603,13 @@ function handlePhotoError(e) {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.15;
+  /* Always reserve two lines so a name that wraps does not make its tile
+     taller and shift the whole grid. Longer names clamp with an ellipsis. */
+  height: 2.3em;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
 .section-title.danger {