diff --git a/packages/components/src/print/entry.ts b/packages/components/src/print/entry.ts index 9c1019bf..ff1d8316 100644 --- a/packages/components/src/print/entry.ts +++ b/packages/components/src/print/entry.ts @@ -18,3 +18,10 @@ export const StyledPrintEntryText = styled.span` font-size: ${FontSizes.copy}; padding-right: ${Spacings.s}; ` + +export const PrintText = styled.p` + margin: 0; + padding: 0; + white-space: pre-wrap; + word-break: break-word; +` diff --git a/packages/print/src/template.tsx b/packages/print/src/template.tsx index 03136787..25a4a1b7 100644 --- a/packages/print/src/template.tsx +++ b/packages/print/src/template.tsx @@ -13,6 +13,7 @@ import { StyledPrintDaySubHeadline, StyledPrintEntry, StyledPrintEntryText, + PrintText, StyledPrintFooter, StyledPrintFooterTotalWrapper, StyledPrintHeader, @@ -111,7 +112,9 @@ export const Template: React.FC = ({ .sort((a, b) => a.orderId - b.orderId) .map((entry, entryIndex) => ( - {entry.text} + + {entry.text} + {minutesToString(entry.time)} ))