From 5ef66af98db8c216eef2f31d5ee83e514aabce05 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 12 Mar 2026 17:46:50 -0400
Subject: [PATCH] =?UTF-8?q?Badges:=20fix=20print=20centering=20=E2=80=94?=
 =?UTF-8?q?=20override=20overflow:hidden=20on=20body/html=20in=20print?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(badges)/badges/[badge_id]/print/+page.svelte    | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
index f196dc03..45d8f1af 100644
--- a/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
+++ b/src/routes/events/[event_id]/(badges)/badges/[badge_id]/print/+page.svelte
@@ -161,11 +161,19 @@
          and a dynamic @page rule can be injected here via print_margin_cfg. -->
     <style>
         @media print {
-            /* Full-page reset */
+            /* Full-page reset.
+               app.css sets `overflow: hidden` on html + body globally. In print,
+               with display:contents dissolving the intermediate wrappers, body's
+               only remaining content is the badge (~3.5in wide). overflow:hidden
+               makes body a BFC that shrinks-to-content — producing a body box that
+               is badge-width instead of page-width. Overriding with overflow:visible
+               restores normal block sizing: body fills 100% of the page width. */
             html, body {
-                height: 100%;
+                width: 100% !important;
+                height: 100% !important;
                 margin: 0 !important;
                 padding: 0 !important;
+                overflow: visible !important;
             }
 
             /* Body is the sole centering flex container.