Visitor sign in kiosk: multi-site, badge printing, WWCC expiry warnings, admin accounts with 2FA

src/sites.js

@@ -86,7 +86,9 @@ 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));
-  const photoWidth = portrait ? unit * 0.52 : unit * 0.42;
+  // Square, matching the crop taken at the kiosk. Slightly smaller on a portrait
+  // badge than the old 4:3 frame, so a square photo still leaves room for the name.
+  const photoWidth = portrait ? unit * 0.46 : unit * 0.42;
 
   // 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.
@@ -133,7 +135,7 @@ export function badgeHtml(visit, site, { autoPrint = true, photoUrl = null } = {
   }
   .photo {
     width: ${photoWidth}mm;
-    ${portrait ? `height: ${photoWidth * 0.78}mm;` : ''}
+    height: ${photoWidth}mm;
     flex: 0 0 auto;
     object-fit: cover;
     border: 0.3mm solid #000;