Fixes for designs

resources/views/pdf-designs/business.html

@@ -7,6 +7,11 @@
         --line-height: 1.6;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }
+
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
@@ -57,7 +62,7 @@
     }
 
     .entity-issued-to {
-        margin-top: 3rem;
+        margin-top: 2rem;
         font-weight: bold;
     }
 
@@ -162,7 +167,7 @@
     }
 
     #table-totals {
-        margin-top: 1rem;
+        margin-top: 0.5rem;
         display: grid;
         grid-template-columns: 2fr 1fr;
         gap: 80px;

resources/views/pdf-designs/clean.html

@@ -7,6 +7,11 @@
         --line-height: 1.6;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }
+
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;

resources/views/pdf-designs/creative.html

@@ -7,6 +7,11 @@
         --line-height: 1.6;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }
+
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;

resources/views/pdf-designs/elegant.html

@@ -7,6 +7,11 @@
         --line-height: 1.6;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }    
+
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;

resources/views/pdf-designs/hipster.html

@@ -7,6 +7,11 @@
        --line-height: 1.6;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }
+
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
@@ -101,7 +106,7 @@
     }
 
     [data-ref="table"] {
-        margin-top: 3rem;
+        margin-top: 1rem;
         /* margin-bottom: 200px; */
         min-width: 100%;
         table-layout: fixed;

resources/views/pdf-designs/modern.html

@@ -6,6 +6,11 @@
         --secondary-color: $secondary_color;
       }
 
+      html {
+          width: 210mm;
+          height: 200mm;     
+      }
+
       body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;

resources/views/pdf-designs/plain.html

@@ -15,9 +15,12 @@
         zoom: 80%;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }
+
     @page {
-        position: absolute;
-        top: 0;
         margin-left: $global_margin;
         margin-right: $global_margin;
         margin-top: 0;

resources/views/pdf-designs/playful.html

@@ -15,12 +15,18 @@
         zoom: 80%;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }
+
     @page {
         margin: -0.25cm !important;
         size: $page_size $page_layout;
-
+        margin-top: 1rem;
     }
 
+
     p {
         margin: 0;
         padding: 0;
@@ -30,12 +36,12 @@
         display: flex;
         justify-content: space-between;
         gap: 20px;
-        padding: 2rem 3rem;
+        padding: 1rem 0rem 0rem 2rem;
     }
 
     .header-wrapper .entity-details-wrapper {
         background-color: var(--primary-color);
-        padding: 1rem;
+        padding: 0.5rem;
         border-radius: 10px;
     }
 
@@ -63,7 +69,7 @@
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 40px;
-        padding: 3rem;
+        padding: 1rem 0rem 0rem 2rem;
     }
 
     .contacts-wrapper .contact-label {
@@ -77,7 +83,7 @@
     .contacts-wrapper #client-details {
         display: flex;
         flex-direction: column;
-        margin-bottom: 1rem;
+        margin-bottom: 0.5rem;
     }
 
     .contacts-wrapper .company-info {
@@ -101,8 +107,8 @@
     }
 
     [data-ref="table"] {
-        padding-left: 3rem;
-        padding-right: 3rem;
+        padding-left: 2rem;
+        padding-right: 0rem;
         margin-top: 1rem;
         /* margin-bottom: 200px; */
         min-width: 100%;
@@ -156,13 +162,12 @@
     }
 
     #table-totals {
-        margin-top: 1rem;
+        margin-top: 0.5rem;
         display: grid;
         grid-template-columns: 2fr 1fr;
         gap: 80px;
-        padding-left: 3rem;
-        padding-right: 3rem;
-        margin-right: .75rem;
+        padding-left: 2rem;
+        padding-right: 0rem;
         page-break-inside:auto;
         overflow: visible !important;
     }
@@ -222,12 +227,14 @@
 
     [data-ref="total_table-footer"] {
         text-align: left;
-        padding-left: 3rem;
-        padding-right: 3rem;
+        padding-left: 2rem;
+        padding-right: rem;
     }
 
     #footer {
         margin-top: 1rem;
+        page-break-inside:auto;
+        overflow: visible !important;
     }
 
     /** Markdown-specific styles. **/
@@ -262,12 +269,15 @@
 
     .repeating-header,
     .repeating-header-space {
-        height: 50px;
+        height: 20px;
+        page-break-inside:avoid;
+        page-break-before:avoid;
+        page-break-after:avoid;
     }
 
     .repeating-footer,
     .repeating-footer-space {
-        height: 10px;
+        height: 20px;
     }
     .repeating-header {
         position: fixed;
@@ -379,7 +389,7 @@
 
 $entity_images
 
-<div class="repeating-footer"  id="footer">
+<div class="repeating-footerx"  id="footer">
     <p data-ref="total_table-footer">$entity_footer</p>
 
     <div id="footer-colors">

resources/views/pdf-designs/tech.html

@@ -6,6 +6,11 @@
         --secondary-color: $secondary_color;
     }
 
+    html {
+        width: 210mm;
+        height: 200mm;     
+    }
+
     body {
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;