From 77ab9a7b06fae9883fdb976c405def76aa8f44f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Wed, 17 Jun 2020 15:47:26 +0200
Subject: [PATCH 1/2] Fix design text whitespace

---
 app/Designs/Bold.php     | 4 ++--
 app/Designs/Business.php | 4 ++--
 app/Designs/Clean.php    | 4 ++--
 app/Designs/Creative.php | 4 ++--
 app/Designs/Elegant.php  | 4 ++--
 app/Designs/Hipster.php  | 4 ++--
 app/Designs/Modern.php   | 4 ++--
 app/Designs/Photo.php    | 4 ++--
 app/Designs/Plain.php    | 4 ++--
 app/Designs/Playful.php  | 4 ++--
 10 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/app/Designs/Bold.php b/app/Designs/Bold.php
index 472cc17cb3..a982c8380a 100644
--- a/app/Designs/Bold.php
+++ b/app/Designs/Bold.php
@@ -76,7 +76,7 @@ class Bold extends AbstractDesign
         <thead class="text-left">
             $product_table_header
         </thead>
-        <tbody>
+        <tbody class="whitespace-pre-line">
             $product_table_body
         </tbody>
     </table>
@@ -84,7 +84,7 @@ class Bold extends AbstractDesign
         <thead class="text-left">
             $task_table_header
         </thead>
-        <tbody>
+        <tbody class="whitespace-pre-line">
             $task_table_body
         </tbody>
     </table>
diff --git a/app/Designs/Business.php b/app/Designs/Business.php
index bf8dde055a..ad9433defc 100644
--- a/app/Designs/Business.php
+++ b/app/Designs/Business.php
@@ -78,7 +78,7 @@ $custom_css
     <thead class="text-left">
         $product_table_header
     </thead>
-    <tbody class="bg-gray-200">
+    <tbody class="bg-gray-200 whitespace-pre-line">
         $product_table_body
     </tbody>
 </table>
@@ -86,7 +86,7 @@ $custom_css
     <thead class="text-left">
         $task_table_header
     </thead>
-    <tbody class="bg-gray-200">
+    <tbody class="bg-gray-200 whitespace-pre-line">
         $task_table_body
     </tbody>
 </table>
diff --git a/app/Designs/Clean.php b/app/Designs/Clean.php
index 8e193c3d49..1960274e5a 100644
--- a/app/Designs/Clean.php
+++ b/app/Designs/Clean.php
@@ -84,7 +84,7 @@ class Clean extends AbstractDesign
     <thead class="text-left">
         $product_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
         $product_table_body
     </tbody>
 </table>
@@ -92,7 +92,7 @@ class Clean extends AbstractDesign
     <thead class="text-left">
         $task_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
         $task_table_body
     </tbody>
 </table>
diff --git a/app/Designs/Creative.php b/app/Designs/Creative.php
index 8800828041..93e0c45566 100644
--- a/app/Designs/Creative.php
+++ b/app/Designs/Creative.php
@@ -67,7 +67,7 @@ $custom_css
     <thead class="text-left rounded-lg">
         $product_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
         $product_table_body
     </tbody>
 </table>
@@ -75,7 +75,7 @@ $custom_css
     <thead class="text-left rounded-lg">
         $task_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
         $task_table_body
     </tbody>
 </table>
diff --git a/app/Designs/Elegant.php b/app/Designs/Elegant.php
index f9e7c94e24..d69adac2ae 100644
--- a/app/Designs/Elegant.php
+++ b/app/Designs/Elegant.php
@@ -71,7 +71,7 @@ class Elegant extends AbstractDesign
     <thead class="text-left border-dashed border-b border-black">
         $product_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
         $product_table_body
     </tbody>
 </table>
@@ -79,7 +79,7 @@ class Elegant extends AbstractDesign
     <thead class="text-left border-dashed border-b border-black">
         $task_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
         $task_table_body
     </tbody>
 </table>
diff --git a/app/Designs/Hipster.php b/app/Designs/Hipster.php
index a010fb2591..b6a0e6db4f 100644
--- a/app/Designs/Hipster.php
+++ b/app/Designs/Hipster.php
@@ -90,7 +90,7 @@ $custom_css
 <thead class="text-left">
     $product_table_header
 </thead>
-<tbody>
+<tbody class="whitespace-pre-line">
     $product_table_body
 </tbody>
 </table>
@@ -98,7 +98,7 @@ $custom_css
 <thead class="text-left">
     $task_table_header
 </thead>
-<tbody>
+<tbody class="whitespace-pre-line">
     $task_table_body
 </tbody>
 </table>
diff --git a/app/Designs/Modern.php b/app/Designs/Modern.php
index b66f31d6e1..26a601b407 100644
--- a/app/Designs/Modern.php
+++ b/app/Designs/Modern.php
@@ -74,7 +74,7 @@ $custom_css
     <thead class="text-left text-white bg-gray-900 display: table-header-group;">
        $product_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
             $product_table_body
     </tbody>
 </table>
@@ -82,7 +82,7 @@ $custom_css
     <thead class="text-left text-white bg-gray-900 display: table-header-group;">
         $task_table_header
     </thead>
-    <tbody>
+    <tbody class="whitespace-pre-line">
             $task_table_body
     </tbody>
 </table>
diff --git a/app/Designs/Photo.php b/app/Designs/Photo.php
index ae4ba58d6d..53f6d51374 100644
--- a/app/Designs/Photo.php
+++ b/app/Designs/Photo.php
@@ -84,7 +84,7 @@ $custom_css
 <thead class="text-left border-b-4 border-black">
     $product_table_header
 </thead>
-<tbody>
+<tbody class="whitespace-pre-line">
     $product_table_body
 </tbody>
 </table>
@@ -92,7 +92,7 @@ $custom_css
 <thead class="text-left border-b-4 border-black">
     $task_table_header
 </thead>
-<tbody>
+<tbody class="whitespace-pre-line">
     $task_table_body
 </tbody>
 </table>
diff --git a/app/Designs/Plain.php b/app/Designs/Plain.php
index e9fc6b9e5c..92f302f129 100644
--- a/app/Designs/Plain.php
+++ b/app/Designs/Plain.php
@@ -45,10 +45,10 @@ $custom_css
     <div class="col-span-2 p-3">
         $company_logo
     </div>
-    <div class="col-span-2 p-3 flex flex-col">
+    <div class="col-span-2 p-3 flex flex-col flex-wrap">
         $company_details
     </div>
-    <div class="col-span-2 p-3 flex flex-col">
+    <div class="col-span-2 p-3 flex flex-col flex-wrap">
         $entity_details
     </div>
 </div>';
diff --git a/app/Designs/Playful.php b/app/Designs/Playful.php
index fcfbd8e20d..096badc7f2 100644
--- a/app/Designs/Playful.php
+++ b/app/Designs/Playful.php
@@ -83,7 +83,7 @@ $custom_css
 <thead class="text-left bg-teal-600 rounded-lg">
     $product_table_header
 </thead>
-<tbody>
+<tbody class="whitespace-pre-line">
     $product_table_body
 </tbody>
 </table>
@@ -91,7 +91,7 @@ $custom_css
 <thead class="text-left bg-teal-600 rounded-lg">
     $task_table_header
 </thead>
-<tbody>
+<tbody class="whitespace-pre-line">
     $task_table_body
 </tbody>
 </table>

From 3249227fb822d4d8fb119cefd99f799acf7a5346 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Wed, 17 Jun 2020 15:50:54 +0200
Subject: [PATCH 2/2] Wrapping text

---
 app/Designs/Bold.php     |  2 +-
 app/Designs/Business.php |  8 ++++----
 app/Designs/Clean.php    | 10 +++++-----
 app/Designs/Creative.php |  2 +-
 app/Designs/Elegant.php  |  8 ++++----
 app/Designs/Hipster.php  |  6 +++---
 app/Designs/Modern.php   | 10 +++++-----
 app/Designs/Photo.php    |  6 +++---
 app/Designs/Plain.php    |  2 +-
 app/Designs/Playful.php  |  6 +++---
 10 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/app/Designs/Bold.php b/app/Designs/Bold.php
index a982c8380a..68f529acb7 100644
--- a/app/Designs/Bold.php
+++ b/app/Designs/Bold.php
@@ -63,7 +63,7 @@ class Bold extends AbstractDesign
         </div>
         <div class="col-span-5">
             <div class="bg-teal-600 px-5 py-3 text-white">
-                <div class="w-80 flex flex-col text-white">
+                <div class="w-80 flex flex-col text-white flex-wrap">
                     $entity_details
                 </div>
             </div>
diff --git a/app/Designs/Business.php b/app/Designs/Business.php
index ad9433defc..3a8086cc1a 100644
--- a/app/Designs/Business.php
+++ b/app/Designs/Business.php
@@ -52,10 +52,10 @@ $custom_css
     <div class="col-span-2 p-3">
         $company_logo
     </div>
-    <div class="col-span-2 p-3 flex flex-col">
+    <div class="col-span-2 p-3 flex flex-col flex-wrap">
         $company_details
     </div>
-    <div class="col-span-2 p-3 flex flex-col">
+    <div class="col-span-2 p-3 flex flex-col flex-wrap">
         $company_address
     </div>
 </div>';
@@ -64,11 +64,11 @@ $custom_css
     public function body()
     {
         return '<div class="grid grid-cols-12 gap-1 mt-8">
-    <div class="col-span-7 p-3 flex flex-col">
+    <div class="col-span-7 p-3 flex flex-col flex-wrap">
         $client_details
     </div>
     <div class="col-span-5 p-3 flex flex-col bg-orange-600 px-4 py-4 h-auto rounded-lg">
-        <div class="flex flex-col text-white">
+        <div class="flex flex-col text-white flex-wrap">
             $entity_details
         </div>
     </div>
diff --git a/app/Designs/Clean.php b/app/Designs/Clean.php
index 1960274e5a..f3725fc2b4 100644
--- a/app/Designs/Clean.php
+++ b/app/Designs/Clean.php
@@ -48,10 +48,10 @@ class Clean extends AbstractDesign
         <div class="h-14 w-14">$company_logo</div>
     </div>
     <div class="w-auto flex">
-        <div class="mr-10 text-gray-600 flex flex-col">
+        <div class="mr-10 text-gray-600 flex flex-col flex-wrap">
             $company_details
         </div>
-        <div class="ml-5 text-gray-600 flex flex-col">
+        <div class="ml-5 text-gray-600 flex flex-col flex-wrap">
             $company_address
         </div>
     </div>
@@ -68,13 +68,13 @@ class Clean extends AbstractDesign
 
 <div class="ml-4 py-4">
     <div class="flex">
-        <div class="w-40 flex flex-col">
+        <div class="w-40 flex flex-col flex-wrap">
             $entity_labels
         </div>
-        <div class="w-48 flex flex-col">
+        <div class="w-48 flex flex-col flex-wrap">
             $entity_details
         </div>
-        <div class="w-56 flex flex-col">
+        <div class="w-56 flex flex-col flex-wrap">
             $client_details
         </div>
     </div>
diff --git a/app/Designs/Creative.php b/app/Designs/Creative.php
index 93e0c45566..e4ad614943 100644
--- a/app/Designs/Creative.php
+++ b/app/Designs/Creative.php
@@ -60,7 +60,7 @@ $custom_css
     <div class="col-span-7">
         <p class="text-4xl text-pink-700">#$entity_number</p>
     </div>
-    <div class="col-span-5 flex flex-col">$entity_details</div>
+    <div class="col-span-5 flex flex-col flex-wrap">$entity_details</div>
 </div>
 
 <table class="w-full table-auto border-t-4 border-pink-700 bg-white mt-8">
diff --git a/app/Designs/Elegant.php b/app/Designs/Elegant.php
index d69adac2ae..94b1ff0990 100644
--- a/app/Designs/Elegant.php
+++ b/app/Designs/Elegant.php
@@ -47,7 +47,7 @@ class Elegant extends AbstractDesign
     <div class="col-span-8">
         $company_logo
     </div>
-    <div class="col-span-4 flex flex-col">
+    <div class="col-span-4 flex flex-col flex-wrap">
         $entity_details
     </div>
 </div>
@@ -57,13 +57,13 @@ class Elegant extends AbstractDesign
     public function body()
     {
         return '<div class="grid grid-cols-12 gap-4 mt-8">
-<div class="col-span-4 mr-6 flex flex-col pr-2 border-r border-dashed border-black">
+<div class="col-span-4 mr-6 flex flex-col pr-2 border-r border-dashed border-black flex-wrap">
     $client_details
 </div>
-<div class="col-span-4 flex flex-col mr-6">
+<div class="col-span-4 flex flex-col mr-6 flex-wrap">
     $company_details
 </div>
-<div class="col-span-4 flex flex-col">
+<div class="col-span-4 flex flex-col flex-wrap">
     $company_address
 </div>
 </div>
diff --git a/app/Designs/Hipster.php b/app/Designs/Hipster.php
index b6a0e6db4f..b9a26ed0b6 100644
--- a/app/Designs/Hipster.php
+++ b/app/Designs/Hipster.php
@@ -48,15 +48,15 @@ $custom_css
     <div class="w-1/2 border-l pl-4 border-black mr-4">
         <p class="font-semibold uppercase text-yellow-600">From:</p>
         <div class="flex">
-            <div class="flex flex-col mr-5">
+            <div class="flex flex-col mr-5 flex-wrap">
                 $company_details
             </div>
-            <div class="flex flex-col">
+            <div class="flex flex-col flex-wrap">
                 $company_address
             </div>
         </div>
     </div>
-    <div class="w-1/3 border-l pl-4 border-black flex flex-col">
+    <div class="w-1/3 border-l pl-4 border-black flex flex-col flex-wrap">
         <p class="font-semibold uppercase text-yellow-600">To:</p>
         $client_details
     </div>
diff --git a/app/Designs/Modern.php b/app/Designs/Modern.php
index 26a601b407..caff3de2e1 100644
--- a/app/Designs/Modern.php
+++ b/app/Designs/Modern.php
@@ -45,10 +45,10 @@ $custom_css
     <div class="col-span-2 p-3">
 		<h1 class="text-white font-bold text-3xl">$company.name</h1>
     </div>
-    <div class="col-span-2 p-3 flex flex-col text-white">
+    <div class="col-span-2 p-3 flex flex-col text-white flex-wrap">
         $company_details
     </div>
-    <div class="col-span-2 p-3 flex flex-col text-white">
+    <div class="col-span-2 p-3 flex flex-col text-white flex-wrap">
         $entity_details
     </div>
 </div>
@@ -64,7 +64,7 @@ $custom_css
     <div class="col-span-2 p-3">
 		$company_logo
 	</div>
-    <div class="col-span-3 p-3 flex flex-col">
+    <div class="col-span-3 p-3 flex flex-col flex-wrap">
 		$client_details
     </div>
 </div>
@@ -141,10 +141,10 @@ $custom_css
         return '
 <div class="footer bg-orange-600 flex justify-between py-8 px-12" style="page-break-inside: avoid;">
 	<div class="grid grid-cols-12 gap-4">
-		<div class="col-start-4 col-span-4 p-3 flex flex-col text-white text-right">
+		<div class="col-start-4 col-span-4 p-3 flex flex-col text-white text-right flex-wrap">
 			$company_details
 		</div>
-		<div class="col-span-4 p-3 flex flex-col text-white text-right">
+		<div class="col-span-4 p-3 flex flex-col text-white text-right flex-wrap">
 			$company_address
 		</div>
 	</div>
diff --git a/app/Designs/Photo.php b/app/Designs/Photo.php
index 53f6d51374..31c3c25561 100644
--- a/app/Designs/Photo.php
+++ b/app/Designs/Photo.php
@@ -53,7 +53,7 @@ $custom_css
         $company_logo
     </div>
     <div class="col-span-5">
-        <div class="flex flex-col">
+        <div class="flex flex-col flex-wrap">
             $entity_details
         </div>
     </div>
@@ -67,13 +67,13 @@ $custom_css
 <div class="flex flex-col">
     <div class="flex">
         <p class="uppercase text-orange-800">$to_label:</p>
-        <div class="flex flex-col ml-2">
+        <div class="flex flex-col ml-2 flex-wrap">
             $client_details
         </div>
     </div>
     <div class="flex mt-5">
         <p class="uppercase text-orange-800">$from_label:</p>
-        <div class="flex flex-col ml-2">
+        <div class="flex flex-col ml-2 flex-wrap">
             $company_details
         </div>
     </div>
diff --git a/app/Designs/Plain.php b/app/Designs/Plain.php
index 92f302f129..02c1ae71a4 100644
--- a/app/Designs/Plain.php
+++ b/app/Designs/Plain.php
@@ -56,7 +56,7 @@ $custom_css
 
     public function body()
     {
-        return '<div class="flex flex-col mt-8">
+        return '<div class="flex flex-col mt-8 flex-wrap">
     $client_details
 </div>
 <table class="w-full table-auto mt-8">
diff --git a/app/Designs/Playful.php b/app/Designs/Playful.php
index 096badc7f2..0e66f78165 100644
--- a/app/Designs/Playful.php
+++ b/app/Designs/Playful.php
@@ -48,7 +48,7 @@ $custom_css
         $company_logo
     </div>
     <div class="col-span-5 bg-teal-600 p-5 text-white">
-        <div class="flex flex-col">
+        <div class="flex flex-col flex-wrap">
             $entity_details
         </div>
     </div>
@@ -62,7 +62,7 @@ $custom_css
     <div class="flex flex-col">
         <p class="font-semibold text-teal-600 pl-4">$to_label:</p>
         <div class="flex border-dashed border-t-4 border-b-4 border-teal-600 py-4 mt-4 pl-4">
-            <section class="flex flex-col">
+            <section class="flex flex-col flex-wrap">
                 $client_details
             </section>
         </div>
@@ -72,7 +72,7 @@ $custom_css
     <div class="flex flex-col">
         <p class="font-semibold text-teal-600 pl-4">$from_label:</p>
         <div class="flex border-dashed border-t-4 border-b-4 border-teal-600 py-4 mt-4 pl-4">
-            <section class="flex flex-col">
+            <section class="flex flex-col flex-wrap">
                 $company_details
             </section>
         </div>