From cce9812bbcb2fbba54403fcd27e29fff0be3b6b1 Mon Sep 17 00:00:00 2001
From: DanielS <daniel.schumacher@caspos.de>
Date: Tue, 7 Jul 2026 09:09:14 +0200
Subject: [PATCH] fix(pdf): add gap and minWidth to prevent label-value
 collision in total rows

---
 shop/components/invoice-pdf.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/shop/components/invoice-pdf.tsx b/shop/components/invoice-pdf.tsx
index 0932e12..65f67a7 100644
--- a/shop/components/invoice-pdf.tsx
+++ b/shop/components/invoice-pdf.tsx
@@ -230,11 +230,11 @@ export const InvoicePDF = ({ order, orderSnapshot, customer }: any) => {
                   <Text>zzgl. {taxRate}% USt:</Text>
                   <Text>{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(oneTimeTax)}</Text>
                 </View>
-                <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 5, borderTopWidth: 1, borderTopColor: '#000', paddingTop: 5 }}>
-                  <Text style={styles.totalLabel}>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 5, borderTopWidth: 1, borderTopColor: '#000', paddingTop: 5, gap: 15 }}>
+                  <Text style={[styles.totalLabel, { flexShrink: 1 }]}>
                     {monthlyNet > 0 ? 'Gesamtbetrag einmalig (brutto):' : 'Gesamtbetrag (brutto):'}
                   </Text>
-                  <Text style={styles.totalLabel}>
+                  <Text style={[styles.totalLabel, { minWidth: 90, textAlign: 'right' }]}>
                     {new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(oneTimeGross)}
                   </Text>
                 </View>
@@ -258,11 +258,11 @@ export const InvoicePDF = ({ order, orderSnapshot, customer }: any) => {
                   <Text>zzgl. {taxRate}% USt:</Text>
                   <Text>{new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(monthlyTax)} / mtl.</Text>
                 </View>
-                <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 5, borderTopWidth: 1, borderTopColor: '#000', paddingTop: 5 }}>
-                  <Text style={styles.totalLabel}>
+                <View style={{ flexDirection: 'row', justifyContent: 'space-between', marginTop: 5, borderTopWidth: 1, borderTopColor: '#000', paddingTop: 5, gap: 15 }}>
+                  <Text style={[styles.totalLabel, { flexShrink: 1 }]}>
                     {oneTimeNet > 0 ? 'Gesamtbetrag monatlich (brutto):' : 'Gesamtbetrag (brutto):'}
                   </Text>
-                  <Text style={styles.totalLabel}>
+                  <Text style={[styles.totalLabel, { minWidth: 90, textAlign: 'right' }]}>
                     {new Intl.NumberFormat('de-DE', { style: 'currency', currency: 'EUR' }).format(monthlyGross)} / mtl.
                   </Text>
                 </View>