From 90973ca5afdbe3be68a1245049b3006ef3e0693b Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Sun, 17 May 2026 14:46:56 +0200
Subject: [PATCH] Fix: Phosphor Printer-Icon in Druck-Buttons

---
 app/src/routes/admin/protokoll/+page.svelte |  6 +++++-
 app/src/routes/admin/stations/+page.svelte  | 12 +++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/app/src/routes/admin/protokoll/+page.svelte b/app/src/routes/admin/protokoll/+page.svelte
index 41dce43..6a4cf0b 100644
--- a/app/src/routes/admin/protokoll/+page.svelte
+++ b/app/src/routes/admin/protokoll/+page.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { pb } from '$lib/pb';
 	import { onMount } from 'svelte';
+	import iconPrinter from '$lib/assets/icons/printer.svg';
 
 	const STATUS_LABEL: Record<string, string> = { ok: 'OK', abweichung: 'Abweichung', kritisch: 'Kritisch' };
 	const STATUS_COLOR: Record<string, string> = { ok: '#16a34a', abweichung: '#ea580c', kritisch: '#dc2626' };
@@ -77,7 +78,9 @@
 				<option value={y}>{y}</option>
 			{/each}
 		</select>
-		<button class="btn-print" onclick={() => window.print()}>🖨 Drucken / PDF</button>
+		<button class="btn-print" onclick={() => window.print()}>
+			<img src={iconPrinter} alt="" class="btn-icon" /> Drucken / PDF
+		</button>
 	</div>
 </div>
 
@@ -177,6 +180,7 @@
 		cursor: pointer;
 	}
 	.btn-print:hover { background: #1a2640; }
+	.btn-icon { width: 16px; height: 16px; vertical-align: middle; margin-right: 0.25rem; filter: brightness(0) invert(1); }
 	.hint { color: #aaa; }
 	.empty-print { display: none; }
 
diff --git a/app/src/routes/admin/stations/+page.svelte b/app/src/routes/admin/stations/+page.svelte
index 1802b0b..bd21112 100644
--- a/app/src/routes/admin/stations/+page.svelte
+++ b/app/src/routes/admin/stations/+page.svelte
@@ -2,6 +2,7 @@
 	import { pb } from '$lib/pb';
 	import { onMount } from 'svelte';
 	import QRCode from 'qrcode';
+	import iconPrinter from '$lib/assets/icons/printer.svg';
 
 	const TYPE_LABEL: Record<string, string> = {
 		kuehlschrank: 'Kühlschrank',
@@ -94,7 +95,9 @@
 			<p class="hint-text">QR-Codes ausdrucken und an den Stationen befestigen.</p>
 		</div>
 		{#if stations.length > 0}
-			<button class="btn-print" onclick={printAll}>🖨 Alle drucken</button>
+			<button class="btn-print" onclick={printAll}>
+			<img src={iconPrinter} alt="" class="btn-icon" /> Alle drucken
+		</button>
 		{/if}
 	</div>
 
@@ -165,6 +168,13 @@
 		white-space: nowrap;
 	}
 	.btn-print:hover { background: #1a2640; }
+	.btn-icon {
+		width: 16px;
+		height: 16px;
+		vertical-align: middle;
+		margin-right: 0.25rem;
+		filter: brightness(0) invert(1);
+	}
 
 	.list { display: flex; flex-direction: column; gap: 1rem; }
 	.card {