From 0dc4dba26529adc02fc39b91a295164ded62feb3 Mon Sep 17 00:00:00 2001
From: cproudlock <cproudlock@localhost>
Date: Mon, 20 Jul 2026 15:16:26 -0400
Subject: [PATCH] shopfloor dashboard: bigger text for distance + footer at
 bottom

Shrink the fit surface to 16:9 1600x900 so the fit-scaler upscales the whole
board ~1.2x (more readable from across the shop) and it fills a 1080p TV exactly.
Footer was position:fixed inside a transformed ancestor so it floated at the
content bottom; make it in-flow with margin-top:auto (flex column) so it pins to
the bottom of the surface = the screen bottom.
---
 frontend/src/views/ShopfloorDashboard.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/ShopfloorDashboard.vue b/frontend/src/views/ShopfloorDashboard.vue
index e0b702f..19b28f4 100644
--- a/frontend/src/views/ShopfloorDashboard.vue
+++ b/frontend/src/views/ShopfloorDashboard.vue
@@ -458,7 +458,10 @@ function handlePhotoError(e) {
   position: absolute;
   top: 0;
   left: 0;
-  width: 1920px;
+  width: 1600px;
+  min-height: 900px;
+  display: flex;
+  flex-direction: column;
   transform-origin: top left;
 }
 
@@ -786,13 +789,10 @@ function handlePhotoError(e) {
 }
 
 .dashboard-footer {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  margin-top: auto;
   background: rgba(0, 0, 0, 0.8);
   text-align: center;
   padding: 12px;
-  font-size: 16px;
+  font-size: 18px;
 }
 </style>