From 21c54ad24eb3cdbaed7053a41cf8ae6917ade230 Mon Sep 17 00:00:00 2001 From: SJCoetz Date: Mon, 3 Aug 2026 18:29:25 +0200 Subject: [PATCH] fix(stocktake-pdf): add cell padding so columns have visible gaps MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The previous layout had numeric columns (Current, Min, Max — right-aligned) flush against the Status column (left-aligned). A row like '100In stock' read as a single mashed string because there was no whitespace between the right edge of the Max column and the left edge of the Status column. Fix: add paddingRight: 8 to the three numeric columns and paddingLeft: 8 to the Status column. Right-aligned numbers now end 8pt before the column boundary, and the Status text starts 8pt inside its column — visible gap between columns, even with the Status sitting right next to Max. Co-authored-by: Orca --- src/lib/pdf/stock-item-stocktake-document.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/lib/pdf/stock-item-stocktake-document.tsx b/src/lib/pdf/stock-item-stocktake-document.tsx index a53ccc9..bd75a90 100644 --- a/src/lib/pdf/stock-item-stocktake-document.tsx +++ b/src/lib/pdf/stock-item-stocktake-document.tsx @@ -52,10 +52,10 @@ const styles = StyleSheet.create({ cSku: { width: "10%" }, cName: { width: "24%" }, cSupplier: { width: "18%" }, - cCurrent: { width: "9%" }, - cMin: { width: "8%" }, - cMax: { width: "9%" }, - cStatus: { width: "16%" }, + cCurrent: { width: "9%", paddingRight: 8 }, + cMin: { width: "8%", paddingRight: 8 }, + cMax: { width: "9%", paddingRight: 8 }, + cStatus: { width: "16%", paddingLeft: 8 }, spacer: { width: "6%" }, empty: { marginTop: 24, color: "#666", fontSize: 10, textAlign: "center" }, });