From c3ce46913d266a160313e529481fbbd5c9c4367b Mon Sep 17 00:00:00 2001
From: jessikitty <jess.rogerson.29@outlook.com>
Date: Thu, 3 Sep 2026 14:47:59 +1000
Subject: [PATCH] Visitor sign in kiosk: multi-site, badge printing, WWCC
 expiry warnings, admin accounts with 2FA

---
 README.md    |  7 ++++---
 src/sites.js | 25 +++++++------------------
 2 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/README.md b/README.md
index 9afd3be..2ec3895 100644
--- a/README.md
+++ b/README.md
@@ -29,9 +29,10 @@ two factor.
 Sign out only needs a **last name** plus a **mobile number or email**, which works for both.
 
 The company field is optional and clearly marked as such — plenty of visitors are not from
-anywhere in particular. When it is filled in it appears on the badge, in the on-site list, on the
-evacuation sheet, and in the visit log, and the log search matches on it, so you can pull up every
-visit from one contractor.
+anywhere in particular. When it is filled in it appears in the on-site list, on the evacuation
+sheet, and in the visit log, and the log search matches on it, so you can pull up every visit from
+one contractor. It is **not** printed on the badge — the label stays name, host, time and check
+status.
 
 ## Quick start
 
diff --git a/src/sites.js b/src/sites.js
index 114ab57..ef3d92a 100644
--- a/src/sites.js
+++ b/src/sites.js
@@ -97,12 +97,8 @@ export function badgeHtml(visit, site, { autoPrint = true, photoUrl = null } = {
   const pad = unit * 0.07;
   const nameSize = Math.max(3.2, unit * (portrait ? 0.105 : 0.115));
   const bodySize = Math.max(2.0, unit * (portrait ? 0.055 : 0.062));
-  // Square, matching the crop taken at the kiosk. A company adds a line under the
-  // name, so on a portrait badge the photo gives that line back rather than
-  // letting a long name get clipped at the bottom edge.
-  const roomy = height >= width * 1.5;
-  const portraitPhoto = visit.company && !roomy ? 0.44 : 0.52;
-  const photoWidth = portrait ? unit * portraitPhoto : unit * 0.5;
+  // Square, matching the crop taken at the kiosk.
+  const photoWidth = portrait ? unit * 0.52 : unit * 0.5;
 
   // Red only appears on a two-colour roll (DK-22251 on the QL-820NWB). Anywhere
   // else it prints as grey, so it is off unless the site opts in.
@@ -181,21 +177,15 @@ export function badgeHtml(visit, site, { autoPrint = true, photoUrl = null } = {
     letter-spacing: -0.01em;
     overflow-wrap: anywhere;
   }
-  .org {
-    font-size: ${bodySize * 0.95}mm;
-    line-height: 1.2;
-    margin-top: ${unit * 0.02}mm;
-    overflow-wrap: anywhere;
-  }
   .rows {
     /* Portrait badges centre the whole block; wider ones push the detail rows to
        the bottom edge, which is where the eye expects them beside a photo. */
-    margin-top: ${portrait ? `${unit * 0.045}mm` : 'auto'};
-    padding-top: ${unit * 0.035}mm;
+    margin-top: ${portrait ? `${unit * 0.05}mm` : 'auto'};
+    padding-top: ${unit * 0.04}mm;
     font-size: ${bodySize}mm;
-    /* Tightened from 1.35 to make room for the company line without shrinking
-       the photo, which is the thing people actually look at. */
-    line-height: 1.28;
+    /* 1.3 rather than 1.35: on a 62 x 90 mm label a two-line name plus a custom
+       footer line leaves very little room, and the difference is not visible. */
+    line-height: 1.3;
   }
   .rows b { font-weight: 700; }
   .note { font-size: ${bodySize * 0.85}mm; margin-top: ${unit * 0.025}mm; }
@@ -219,7 +209,6 @@ export function badgeHtml(visit, site, { autoPrint = true, photoUrl = null } = {
   <div class="body">
     <div class="site">${esc(site.name)} &middot; Visitor</div>
     <div class="name">${esc(visit.first_name)} ${esc(visit.last_name)}</div>
-    ${visit.company ? `<div class="org">${esc(visit.company)}</div>` : ''}
     ${details}
   </div>
 </div>