From e7638d5268581f4debeadc72189acd3dbf7b197b Mon Sep 17 00:00:00 2001
From: grabowski <berwn@buildfor.life>
Date: Mon, 13 Apr 2026 10:18:14 +0700
Subject: [PATCH] Label: voltage|Hz separator, barcode left of ID

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

diff --git a/src/routes/(print)/print/batch/+page.svelte b/src/routes/(print)/print/batch/+page.svelte
index d2783c8..9b11164 100644
--- a/src/routes/(print)/print/batch/+page.svelte
+++ b/src/routes/(print)/print/batch/+page.svelte
@@ -47,15 +47,15 @@
 				{/if}
 				{#if label.voltage || label.frequency}
 					<div style="font-size: 6pt; color: #666;">
-						{[label.voltage, label.frequency].filter(Boolean).join(' / ')}
+						{[label.voltage, label.frequency].filter(Boolean).join(' | ')}
 					</div>
 				{/if}
 			</div>
 			<div style="display: flex; align-items: center; gap: 2mm; margin-top: 1mm;">
+				<img src={label.barcodeDataUrl} alt={label.shortId} style="height: 5mm; width: auto; max-width: 35mm;" />
 				<div style="font-size: 9pt; font-weight: bold; color: #000; letter-spacing: 1.5px;">
 					{label.shortId}
 				</div>
-				<img src={label.barcodeDataUrl} alt={label.shortId} style="height: 5mm; width: auto; max-width: 35mm;" />
 			</div>
 		</div>
 	</div>
diff --git a/src/routes/(print)/print/component/[id]/+page.svelte b/src/routes/(print)/print/component/[id]/+page.svelte
index 8a49173..8839615 100644
--- a/src/routes/(print)/print/component/[id]/+page.svelte
+++ b/src/routes/(print)/print/component/[id]/+page.svelte
@@ -54,10 +54,10 @@
 				{/if}
 			</div>
 			<div style="display: flex; align-items: center; gap: 2mm; margin-top: 1mm;">
+				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 5mm; width: auto; max-width: 35mm;" />
 				<div style="font-size: 9pt; font-weight: bold; color: #000; letter-spacing: 1.5px;">
 					{data.shortId}
 				</div>
-				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 5mm; width: auto; max-width: 35mm;" />
 			</div>
 		</div>
 	</div>
diff --git a/src/routes/(print)/print/device/[id]/+page.svelte b/src/routes/(print)/print/device/[id]/+page.svelte
index ca4b219..79951ba 100644
--- a/src/routes/(print)/print/device/[id]/+page.svelte
+++ b/src/routes/(print)/print/device/[id]/+page.svelte
@@ -55,15 +55,15 @@
 				{/if}
 				{#if data.device.voltage || data.device.frequency}
 					<div style="font-size: 6pt; color: #666;">
-						{[data.device.voltage, data.device.frequency].filter(Boolean).join(' / ')}
+						{[data.device.voltage, data.device.frequency].filter(Boolean).join(' | ')}
 					</div>
 				{/if}
 			</div>
 			<div style="display: flex; align-items: center; gap: 2mm; margin-top: 1mm;">
+				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 5mm; width: auto; max-width: 35mm;" />
 				<div style="font-size: 9pt; font-weight: bold; color: #000; letter-spacing: 1.5px;">
 					{data.shortId}
 				</div>
-				<img src={data.barcodeDataUrl} alt={data.shortId} style="height: 5mm; width: auto; max-width: 35mm;" />
 			</div>
 		</div>
 	</div>