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 {