From 79ae2709f1ce5211cbf108fda76302216d9f4604 Mon Sep 17 00:00:00 2001
From: David Bomba <turbo124@gmail.com>
Date: Sun, 26 Feb 2023 16:17:28 +1100
Subject: [PATCH] Updates for designs

---
 resources/views/pdf-designs/bold.html |  2 +-
 resources/views/pdf-designs/calm.html | 26 +++++++++++++++++++-------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html
index e88f0b3b1cf6..d7dc17013fc1 100644
--- a/resources/views/pdf-designs/bold.html
+++ b/resources/views/pdf-designs/bold.html
@@ -58,7 +58,7 @@
 
     #header, #header-spacer {
         height: 160px;
-        padding: 3rem;
+        padding: 2rem;
         margin-bottom: 1rem;
     }
     .company-logo {
diff --git a/resources/views/pdf-designs/calm.html b/resources/views/pdf-designs/calm.html
index 58ea8e3764c9..8e883232a335 100644
--- a/resources/views/pdf-designs/calm.html
+++ b/resources/views/pdf-designs/calm.html
@@ -22,7 +22,7 @@
     
     html {
         margin: 0;
-        padding-top: 0rem;
+        padding-top: 1rem;
         padding-left: 4rem;
 	    padding-right: 4rem; 
     }
@@ -39,8 +39,13 @@
 
     .header-wrapper {
         display: grid;
-        grid-template-columns: 1fr 0.5fr;
-        line-height: var(--line-height);
+        margin-top: 2rem;
+        gap: 20px;
+        grid-template-columns: 2fr 1fr 1fr;
+        grid-template-areas: "a b c";
+        grid-auto-columns: minmax(0, 5fr);
+        grid-auto-flow: column;
+        justify-content: left;
     }
 
     .header-wrapper2 {
@@ -59,6 +64,15 @@
         max-width: $company_logo_size;
     }
 
+    .logo-container {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .company-container {
+        display: flex;
+        flex-direction: column;
+    }
     .client-and-entity-wrapper {
         display: flex;
         padding: 1rem;
@@ -369,13 +383,11 @@
          <td>
             <div id="">
                 <div class="header-wrapper">
-                    <div>
+                    <div class="logo-container">
                         <img class="company-logo" src="$company.logo" alt="$company.name logo">
                     </div>
-                    <div style="float:right; width:100%;">
                     <div id="company-details"></div>
-                    <div id="company-address" style="margin-top:10px;"></div>
-                    </div>
+                    <div id="company-address"></div>
                 </div>
                 <div class="header-wrapper2">
                     <div id="client-details"></div>