diff --git a/lib/pdf-business-card.tsx b/lib/pdf-business-card.tsx index 3e2647af..04d5d9c0 100644 --- a/lib/pdf-business-card.tsx +++ b/lib/pdf-business-card.tsx @@ -162,7 +162,6 @@ const styles = StyleSheet.create({ backContainer: { flex: 1, paddingTop: '4mm', // Reduced significantly to pull content up - paddingBottom: '10mm', paddingLeft: '6mm', paddingRight: '6mm', flexDirection: 'column', @@ -170,7 +169,7 @@ const styles = StyleSheet.create({ backHeader: { flexDirection: 'row', alignItems: 'center', - marginBottom: '2mm', // Reduced to prevent vertical overflow + marginBottom: '8mm', // Generous breathing room width: '100%', }, backLogo: { @@ -201,8 +200,8 @@ const styles = StyleSheet.create({ }, backBody: { flex: 1, - flexDirection: 'row', - justifyContent: 'space-between', + flexDirection: 'column', + justifyContent: 'flex-start', alignItems: 'flex-start', width: '100%', }, @@ -211,7 +210,7 @@ const styles = StyleSheet.create({ flexDirection: 'column', }, nameSection: { - marginBottom: '1mm', // Reduced to prevent vertical overflow + marginBottom: '4mm', // Generous space before contact info }, nameText: { fontSize: 14, @@ -234,7 +233,7 @@ const styles = StyleSheet.create({ contactRow: { flexDirection: 'row', alignItems: 'center', - marginBottom: 2, // Reduced to prevent vertical overflow + marginBottom: 4, // Professional spacing }, iconWrapper: { width: 12, @@ -739,7 +738,6 @@ export const PDFBusinessCard: React.FC = ({ {withTruck && ( @@ -816,7 +814,7 @@ export const PDFBusinessCard: React.FC = ({ {/* VORDERSEITE (White page with contact info) */} - + = ({ {withTruck && ( - +