From a96551cdd0c2e4285d74a064f9c352f1343e4b77 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Fri, 25 Apr 2025 13:41:45 +0200
Subject: [PATCH] refactor(print): Adjusted size of elements when printed to
 avoid wasting paper

---
 src/routes/+page.svelte    |  2 +-
 src/routes/Register.svelte | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a36f5a7..30c8501 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -20,7 +20,7 @@
 {:else}
 	<Login />
 {/if}
-<div class="fixed bottom-0 w-full text-center text-xl p-4 dark:text-white select-none print:absolute print:bottom-auto print:text-lg">
+<div class="fixed bottom-0 w-full text-center text-xl p-4 dark:text-white select-none print:absolute print:bottom-auto print:text-sm">
 	{#if $userState.isLoggedIn}
 		<span class="print:hidden">
 			<b class="font-bold">LfK!2025</b> powered by
diff --git a/src/routes/Register.svelte b/src/routes/Register.svelte
index 5df6ca0..04d53dd 100644
--- a/src/routes/Register.svelte
+++ b/src/routes/Register.svelte
@@ -313,30 +313,30 @@
 					</form>
 					<!-- End Form -->
 				{:else}
-					<div class="mb-2 text-center">
-						<h3 class="text-4xl font-semibold dark:text-white print:text-3xl">
+					<div class="mb-2 text-center print:mb-0">
+						<h3 class="text-4xl font-semibold dark:text-white print:text-2xl/tight">
 							{response.firstname}
 							{response.lastname}
 						</h3>
-						<h4 class="font-semibold dark:text-white hidden print:block print:text-xl">
+						<h4 class="font-semibold dark:text-white hidden print:block print:text-lg/tight">
 							{response.id}
 						</h4>
 					</div>
 
-					<div class="mb-2 text-center">
+					<div class="mb-2 text-center print:mb-0">
 						<h3 class="text-xl font-semibold dark:text-white print:hidden">
 							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
 							Rundenzeiten, Spenden und Urkunden.
 						</h3>
-						<h3 class="text-lg font-semibold dark:text-white hidden print:block">
+						<h3 class="text-base/tight font-semibold dark:text-white hidden print:block">
 							Zeige diesen QR-Code am Infozelt vor, um deine Läuferkarte zu erhalten.
 						</h3>
 						<img
-						class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
+						class="w-full md:w-auto mb-2 mx-auto bg-white p-4 print:w-3/5 print:p-0"
 						alt="runner selfservice"
 						src={textToBase64Barcode(response.selfserviceLink.toString(), true)}
 						/>
-						<h3 class="text-lg font-semibold dark:text-white hidden print:block">
+						<h3 class="text-base/tight font-semibold dark:text-white hidden print:block">
 							Scanne diesen QR-Code, um zu unserem Selfservice zu gelangen. Hier findest du deine
 							Rundenzeiten, Spenden und Urkunden.
 						</h3>