diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index a4eb426..fdbbebc 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -4520,8 +4520,8 @@ function App() { border-radius: ${printFriendly ? '0' : '18px'}; box-shadow: ${printFriendly ? 'none' : '0 18px 42px rgba(86, 63, 34, 0.16)'}; max-width: 100%; - padding: 0.28in; - width: 7.5in; + padding: 24px; + width: 720px; } header { background: ${headerBackground}; @@ -4530,9 +4530,9 @@ function App() { box-shadow: 0 10px 22px rgba(86, 63, 34, 0.12); display: grid; gap: 10px; - grid-template-columns: 1.05in minmax(2in, 1fr) 1.28in; - min-height: 1.28in; - padding: 0.12in; + grid-template-columns: 100px minmax(220px, 1fr) 124px; + min-height: 120px; + padding: 12px; } h1, h2, h3, p { margin: 0; } h1 { color: var(--red); font-size: 21px; letter-spacing: 0; } @@ -4549,9 +4549,9 @@ function App() { align-self: center; height: auto; justify-self: start; - max-height: 1.02in; + max-height: 98px; object-fit: contain; - width: 1.02in; + width: 98px; } .report-title { align-self: center; @@ -4565,13 +4565,13 @@ function App() { border: 2px solid var(--paper); border-radius: 12px; box-shadow: 0 8px 16px rgba(86, 63, 34, 0.14); - height: 0.72in; + height: 70px; margin: 0 auto 5px; object-fit: cover; - width: 0.72in; + width: 70px; } - .qr { align-self: center; justify-self: end; max-width: 1.28in; text-align: center; width: 100%; } - .qr svg { background: #fff; border: 1px solid var(--border); border-radius: 9px; padding: 5px; width: 0.72in; } + .qr { align-self: center; justify-self: end; max-width: 124px; text-align: center; width: 100%; } + .qr svg { background: #fff; border: 1px solid var(--border); border-radius: 9px; padding: 5px; width: 70px; } .code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; overflow-wrap: anywhere; } .qr-join-label { color: var(--green); @@ -4588,9 +4588,9 @@ function App() { display: block; height: auto; margin: -10px auto -4px; - max-height: 0.52in; + max-height: 50px; object-fit: contain; - width: min(100%, 1.28in); + width: min(100%, 124px); } .qr-note { color: var(--blue); @@ -4617,7 +4617,7 @@ function App() { @media print { @page { margin: 0.4in; size: letter; } body { display: block; margin: 0; padding: 0; } - .report-page { border: 0; border-radius: 0; box-shadow: none; padding: 0; width: 100%; } + .report-page { border: 0; border-radius: 0; box-shadow: none; padding: 0; width: 7.7in; } header { box-shadow: none; break-inside: avoid; } button { display: none; } }