feat: disable word wrapping for invoice position prices and quantity

src/components/Positions.tsx

@@ -146,7 +146,7 @@ const Positions: Component<{
                     </td>
                     <td
                       classList={{
-                        "align-top text-center": true,
+                        "align-top text-center !whitespace-nowrap": true,
                         "border-b-0 pb-0": hasTwoRows(),
                       }}
                     >
@@ -154,7 +154,7 @@ const Positions: Component<{
                     </td>
                     <td
                       classList={{
-                        "align-top text-right": true,
+                        "align-top text-right !whitespace-nowrap": true,
                         "border-b-0 pb-0": hasTwoRows(),
                       }}
                     >
@@ -167,7 +167,7 @@ const Positions: Component<{
                     </td>
                     <td
                       classList={{
-                        "align-top text-right ": true,
+                        "align-top text-right !whitespace-nowrap": true,
                         "border-b-0 pb-0": hasTwoRows(),
                         "line-through": position.fixedDiscountPrice != null,
                       }}
@@ -185,7 +185,7 @@ const Positions: Component<{
                           />
                         </Show>
                       </td>
-                      <td class="align-top pt-1 text-right">
+                      <td class="align-top pt-1 text-right !whitespace-nowrap">
                         <Show when={position.fixedDiscountPrice != null}>
                           {formatAmount(position.fixedDiscountPrice!)} CHF
                         </Show>
@@ -202,7 +202,7 @@ const Positions: Component<{
               <td class="align-bottom">Summe</td>
               <td></td>
               <td></td>
-              <td class="text-right align-bottom">
+              <td class="text-right align-bottom !whitespace-nowrap">
                 {formatAmount(props.invoiceData.amountBeforeTax)} CHF
               </td>
             </tr>
@@ -214,7 +214,7 @@ const Positions: Component<{
               </td>
               <td></td>
               <td></td>
-              <td class="text-right">
+              <td class="text-right !whitespace-nowrap">
                 {formatAmount(props.invoiceData.tax)} CHF
               </td>
             </tr>
@@ -224,7 +224,7 @@ const Positions: Component<{
             <td class="align-bottom">Gesamtbetrag</td>
             <td></td>
             <td></td>
-            <td class="align-bottom text-right">
+            <td class="align-bottom text-right !whitespace-nowrap">
               {formatAmount(props.invoiceData.amount)} CHF
             </td>
           </tr>