From 2f1675af1de3b41b7ad46844ca92fed41b9956ff Mon Sep 17 00:00:00 2001
From: grabowski <berwn@buildfor.life>
Date: Mon, 13 Apr 2026 09:52:01 +0700
Subject: [PATCH] Fix 2-page label: reset @page margin to 0, shrink barcode to
 fit
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The custom @page margins conflicted with browser minimum margins,
causing overflow. Now @page margin is 0, barcode height 8mm→6mm,
scale 3→2, text size 12→10 so content fits within 29mm even with
browser minimum margins selected.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/lib/server/barcode.ts                            | 4 ++--
 src/routes/(print)/print/batch/+page.svelte          | 6 +++---
 src/routes/(print)/print/component/[id]/+page.svelte | 6 +++---
 src/routes/(print)/print/device/[id]/+page.svelte    | 6 +++---
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/lib/server/barcode.ts b/src/lib/server/barcode.ts
index 86fcd9c..ca808a5 100644
--- a/src/lib/server/barcode.ts
+++ b/src/lib/server/barcode.ts
@@ -5,10 +5,10 @@ export async function generateBarcodeSvg(text: string): Promise<string> {
 	const buf = await bwipjs.toBuffer({
 		bcid: 'code128',
 		text,
-		scale: 3,
+		scale: 2,
 		height: 8,
 		includetext: true,
-		textsize: 12,
+		textsize: 10,
 		textxalign: 'center'
 	});
 
diff --git a/src/routes/(print)/print/batch/+page.svelte b/src/routes/(print)/print/batch/+page.svelte
index ec1b612..f779d51 100644
--- a/src/routes/(print)/print/batch/+page.svelte
+++ b/src/routes/(print)/print/batch/+page.svelte
@@ -26,7 +26,7 @@
 		</button>
 	</div>
 	<div style="background: #f3f4f6; padding: 8px 12px; border-radius: 6px; font-size: 12px; color: #666; margin-bottom: 16px;">
-		<strong>Setup:</strong> Brother QL-820NWB, paper "29mm x 62mm" (DK-11209), margins: top 0, bottom 0, left 2mm, right 0.5mm.
+		<strong>Setup:</strong> Brother QL-820NWB, paper "29mm x 62mm" (DK-11209), margins: minimum.
 	</div>
 </div>
 
@@ -50,7 +50,7 @@
 				</div>
 			{/if}
 			<div style="margin-top: 0.5mm;">
-				<img src={label.barcodeDataUrl} alt={label.shortId} style="height: 8mm; width: auto; max-width: 58mm;" />
+				<img src={label.barcodeDataUrl} alt={label.shortId} style="height: 6mm; width: auto; max-width: 56mm;" />
 			</div>
 		</div>
 	</div>
@@ -59,7 +59,7 @@
 <style>
 	@page {
 		size: 62mm 29mm;
-		margin: 0mm 0.5mm 0mm 2mm;
+		margin: 0;
 	}
 	@media print {
 		.no-print { display: none !important; }
diff --git a/src/routes/(print)/print/component/[id]/+page.svelte b/src/routes/(print)/print/component/[id]/+page.svelte
index 9778fad..a6010d5 100644
--- a/src/routes/(print)/print/component/[id]/+page.svelte
+++ b/src/routes/(print)/print/component/[id]/+page.svelte
@@ -34,7 +34,7 @@
 		</div>
 	</div>
 	<div style="background: #f3f4f6; padding: 8px 12px; border-radius: 6px; font-size: 12px; color: #666; margin-bottom: 16px;">
-		<strong>Setup:</strong> Brother QL-820NWB, paper "29mm x 62mm" (DK-11209), margins: top 0, bottom 0, left 2mm, right 0.5mm.
+		<strong>Setup:</strong> Brother QL-820NWB, paper "29mm x 62mm" (DK-11209), margins: minimum.
 	</div>
 </div>
 
@@ -52,7 +52,7 @@
 				<div style="font-size: 5pt; color: #666;">P/N: {data.component.partNumber}</div>
 			{/if}
 			<div style="margin-top: 0.5mm;">
-				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 8mm; width: auto; max-width: 58mm;" />
+				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 6mm; width: auto; max-width: 56mm;" />
 			</div>
 		</div>
 	</div>
@@ -61,7 +61,7 @@
 <style>
 	@page {
 		size: 62mm 29mm;
-		margin: 0mm 0.5mm 0mm 2mm;
+		margin: 0;
 	}
 	@media print {
 		.no-print { display: none !important; }
diff --git a/src/routes/(print)/print/device/[id]/+page.svelte b/src/routes/(print)/print/device/[id]/+page.svelte
index d3b80cb..fb2bb7f 100644
--- a/src/routes/(print)/print/device/[id]/+page.svelte
+++ b/src/routes/(print)/print/device/[id]/+page.svelte
@@ -34,7 +34,7 @@
 		</div>
 	</div>
 	<div style="background: #f3f4f6; padding: 8px 12px; border-radius: 6px; font-size: 12px; color: #666; margin-bottom: 16px;">
-		<strong>Setup:</strong> Brother QL-820NWB, paper "29mm x 62mm" (DK-11209), margins: top 0, bottom 0, left 2mm, right 0.5mm.
+		<strong>Setup:</strong> Brother QL-820NWB, paper "29mm x 62mm" (DK-11209), margins: minimum.
 	</div>
 </div>
 
@@ -58,7 +58,7 @@
 				</div>
 			{/if}
 			<div style="margin-top: 0.5mm;">
-				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 8mm; width: auto; max-width: 58mm;" />
+				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 6mm; width: auto; max-width: 56mm;" />
 			</div>
 		</div>
 	</div>
@@ -67,7 +67,7 @@
 <style>
 	@page {
 		size: 62mm 29mm;
-		margin: 0mm 0.5mm 0mm 2mm;
+		margin: 0;
 	}
 	@media print {
 		.no-print { display: none !important; }