diff --git a/src/invoicePdf.tsx b/src/invoicePdf.tsx index 68504d9..52bb4a6 100644 --- a/src/invoicePdf.tsx +++ b/src/invoicePdf.tsx @@ -82,9 +82,14 @@ const styles = StyleSheet.create({ grandTotalRow: { flexDirection: "row", justifyContent: "space-between", paddingTop: 8, marginTop: 6, borderTopWidth: 1, borderTopColor: BORDER }, grandTotalLabel: { fontSize: 12, fontFamily: "Helvetica-Bold" }, grandTotalValue: { fontSize: 12, fontFamily: "Helvetica-Bold" }, - // Moved here (below Gesamt) from the top meta row — reads more naturally - // right next to the amount it's confirming was paid, and keeps the meta - // row itself to just the three reference numbers. + // Moved here (below the summary card) from the top meta row — reads more + // naturally right next to the amount it's confirming was paid, and keeps + // the meta row itself to just the three reference numbers. Deliberately + // a *sibling* of summaryBox, not a row inside it — the badge confirms + // the whole card's total, so it sits visually outside/below the card + // rather than being absorbed as one more line inside it (a correction + // made after initially placing it inside the card — see this package's + // README/the e-invoicing memory notes if this needs revisiting again). paidBadgeRow: { alignItems: "flex-end", marginTop: 10 }, // `fixed` (below, on the element) + absolute positioning — always pinned // to the bottom of the page regardless of how much content is above it, @@ -354,14 +359,14 @@ export function InvoiceDocument({ order, seller }: { order: InvoiceOrder; seller Gesamt {formatPrice(order.total)} - {paid && ( - - - ✓ Bereits beglichen ({order.paymentMethodTitle}) - - - )} + {paid && ( + + + ✓ Bereits beglichen ({order.paymentMethodTitle}) + + + )}