diff --git a/src/lib/pdf/stock-item-stocktake-document.tsx b/src/lib/pdf/stock-item-stocktake-document.tsx index abbd46d..325451c 100644 --- a/src/lib/pdf/stock-item-stocktake-document.tsx +++ b/src/lib/pdf/stock-item-stocktake-document.tsx @@ -57,15 +57,15 @@ const styles = StyleSheet.create({ tdStatus: { fontSize: 9, fontFamily: "Helvetica-Bold", textAlign: "right" }, // The empty `gap*` styles are intentional separator columns. React- // pdf's flexbox doesn't support per-child gaps, so we render the - // gaps as zero-content `` elements. The small gap between SKU - // and Name visually separates the identifier from the label; the - // larger gaps between Name/Supplier/Current/Min/Max push the numeric + // gaps as zero-content `` elements. The gap between SKU and + // Name visually separates the identifier from the label; the equal + // 4% gaps between Name/Supplier/Current/Min/Max push the numeric // columns further to the right so the eye groups {SKU, Name, // Supplier} as "what" and {Current, Min, Max, Status} as "how much // / how urgent". cSku: { width: "6%" }, - gapSkuName: { width: "2%" }, - cName: { width: "30%" }, + gapSkuName: { width: "4%" }, + cName: { width: "28%" }, gapNameSupplier: { width: "4%" }, cSupplier: { width: "11%" }, gapSupplierCurrent: { width: "4%" },