From c56adb682949ff8aa0aa882d7ff2af5fd181f61d Mon Sep 17 00:00:00 2001
From: Katja Lutz <mail@katjalutz.ch>
Date: Sat, 25 Jun 2022 00:52:43 +0200
Subject: [PATCH] feat: switch from break-all to break-words

---
 src/components/Positions.tsx        | 2 +-
 src/components/Settings/Overlay.tsx | 2 +-
 src/components/SwissInvoice.tsx     | 4 ++--
 src/routes/index.tsx                | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Positions.tsx b/src/components/Positions.tsx
index 884d728..7268373 100644
--- a/src/components/Positions.tsx
+++ b/src/components/Positions.tsx
@@ -122,7 +122,7 @@ const Positions: Component<{
                     </th>
                     <td
                       classList={{
-                        "align-top break-all whitespace-normal": true,
+                        "align-top break-words whitespace-normal": true,
                         "border-b-0 pb-0": hasTwoRows(),
                       }}
                     >
diff --git a/src/components/Settings/Overlay.tsx b/src/components/Settings/Overlay.tsx
index 0ec2703..802336f 100644
--- a/src/components/Settings/Overlay.tsx
+++ b/src/components/Settings/Overlay.tsx
@@ -941,7 +941,7 @@ const SettingsOverlay: Component = () => {
                         {(error, idx) => (
                           <tr>
                             <th>{idx() + 1}</th>
-                            <td class="break-all">{error.path}</td>
+                            <td class="break-words">{error.path}</td>
                             <td>{error.message}</td>
                           </tr>
                         )}
diff --git a/src/components/SwissInvoice.tsx b/src/components/SwissInvoice.tsx
index 1b8bb24..277a642 100644
--- a/src/components/SwissInvoice.tsx
+++ b/src/components/SwissInvoice.tsx
@@ -140,7 +140,7 @@ const SwissInvoice: Component<
 
   return (
     <div class="break-inside-avoid pt-px">
-      <div class="swissinvoice hyphenate break-normal break-all -max-w-[1200px] aspect-[2/1] print:w-full flex-shrink-0 text-left print:text-black text-sm bg-white border-y border-black border-dashed grid grid-flow-col grid-cols-[29.5%_26.5%_auto] grid-rows-[auto_auto_1fr]">
+      <div class="swissinvoice hyphenate whitespace-normal break-words -max-w-[1200px] aspect-[2/1] print:w-full flex-shrink-0 text-left print:text-black text-sm bg-white border-y border-black border-dashed grid grid-flow-col grid-cols-[29.5%_26.5%_auto] grid-rows-[auto_auto_1fr]">
         <div class="col-span-1 row-span-1 p-10 pb-0 border-r border-black border-dashed">
           <HeaderEz>Empfangsschein</HeaderEz>
           <div class="leading-tight flex flex-col gap-4">
@@ -193,7 +193,7 @@ const SwissInvoice: Component<
 
         <div class="col-span-2 pl-10"></div>
 
-        <div class="leading-tight text-base col-span-1 row-span-2 p-10 flex flex-col gap-4">
+        <div class="overflow-hidden leading-tight text-base col-span-1 row-span-2 p-10 flex flex-col gap-4">
           <div>
             <HeaderZ>Konto / Zahlbar an</HeaderZ>
             <div>{spaceEveryX(props.value.iban)}</div>
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 3143f08..17a5093 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -137,7 +137,7 @@ export default function Home() {
     );
 
     return (
-      <div class="break-all whitespace-normal">
+      <div class="break-words whitespace-normal">
         <Title>{titleMemo()}</Title>
         <Show when={localState.logo}>
           <div class="flex justify-end items-center h-20 mb-5">