Merge pull request #377 from lara-learning/fix/export-formatting

fix: export formatting

Author: Julian-Wogersien

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;
+`

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<TemplateProps> = ({
                   .sort((a, b) => a.orderId - b.orderId)
                   .map((entry, entryIndex) => (
                     <StyledPrintEntry key={entryIndex}>
-                      <StyledPrintEntryText>{entry.text}</StyledPrintEntryText>
+                      <StyledPrintEntryText>
+                        <PrintText>{entry.text}</PrintText>
+                      </StyledPrintEntryText>
                       <StyledPrintEntryText>{minutesToString(entry.time)}</StyledPrintEntryText>
                     </StyledPrintEntry>
                   ))