Merge pull request #4059 from beganovich/v2-design-polishing

Updates for designs

resources/views/pdf-designs/bold.html

@@ -11,16 +11,18 @@
                 font-size: '$font-size';
             }
 
-            @page {
-                margin: 1cm;
-            }
-
             body {
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;
                 font-family: Arial, Helvetica, sans-serif;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+                page-break-after: always;
+            }
+
             @media print {
                 body {
                     margin-top: 0;

resources/views/pdf-designs/business.html

@@ -16,6 +16,11 @@
                 margin: 1cm;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+            }
+            
             .header-container {
                 display: grid;
                 grid-template-columns: 1.8fr 1fr 1fr;

resources/views/pdf-designs/clean.html

@@ -17,6 +17,11 @@
                 margin: 1cm;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+            }
+
             .header-container {
                 display: grid;
                 grid-template-columns: 1fr 1fr 1fr;
@@ -44,6 +49,7 @@
             .entity-label {
                 text-transform: uppercase;
                 margin-top: 3.5rem;
+                margin-bottom: 1rem;
                 font-weight: semibold;
                 color: #67b1cc;
             }

resources/views/pdf-designs/creative.html

@@ -14,6 +14,12 @@
                 margin-bottom: 1cm;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+                page-break-after: always;
+            }
+
             body {
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;

resources/views/pdf-designs/elegant.html

@@ -13,6 +13,12 @@
                 margin: 1cm;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+                page-break-after: always;
+            }
+
             body {
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;
@@ -172,8 +178,8 @@
         <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <footer id="footer">
-        <p class="thanks-label">$thanks_label!</p>
-        <hr class="double-border" />
-    </footer>
+    <p class="thanks-label">$thanks_label!</p>
+    <hr class="double-border" />
+
+    <div id="footer"></div>
 </html>

resources/views/pdf-designs/hipster.html

@@ -13,6 +13,12 @@
                 margin: 1cm;
             }
 
+            
+            p {
+                margin: 0;
+                padding: 0;
+            }
+
             body {
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;

resources/views/pdf-designs/modern.html

@@ -15,6 +15,12 @@
                 font-family: Arial, Helvetica, sans-serif;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+                page-break-after: always;
+            }
+
             .header-container {
                 background-color: #f46521;
                 color: white;
@@ -87,17 +93,22 @@
 
             .footer-wrapper {
                 display: grid;
+                gap: 15px;
                 width: 100%;
                 padding: 1.5rem;
-                grid-template-columns: 2fr 1fr 1fr;
+                grid-template-columns: 1fr 1fr 1fr;
                 background-color: #f46521;
                 color: #fff4e9;
+                margin-right: 1rem;
+                margin-top: 1rem;
             }
 
             #company-address,
             #company-details {
                 display: flex;
                 flex-direction: column;
+                margin-top: 2rem;
+                margin-bottom: 2rem;
             }
             #company-address > *,
             #company-details > * {
@@ -155,12 +166,12 @@
 
         <div class="table-wrapper">
             <table id="product-table" cellspacing="0"></table>
-
-            <div id="product-table-footer" cellspacing="0"></div>
         </div>
+
+        <div id="product-table-footer" cellspacing="0"></div>
     </body>
 
-    <div class="footer-wrapper" id="footer">
+    <div class="footer-wrapper">
         <div>
             <!-- Placeholder for offset -->
         </div>
@@ -168,4 +179,6 @@
         <div id="company-details"></div>
         <div id="company-address"></div>
     </div>
+
+    <div id="footer"></div>
 </html>

resources/views/pdf-designs/plain.html

@@ -13,6 +13,12 @@
                 margin: 1cm;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+                page-break-after: always;
+            }
+
             body {
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;

resources/views/pdf-designs/playful.html

@@ -13,6 +13,11 @@
                 margin: 1cm;
             }
 
+            p {
+                margin: 0;
+                padding: 0;
+            }
+
             body {
                 -webkit-font-smoothing: antialiased;
                 -moz-osx-font-smoothing: grayscale;