From 89f634bc346a2df8352b3e2ace9c7574ef8b2633 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Thu, 20 May 2021 15:03:54 +0200
Subject: [PATCH] Improve paddings & margins: Playful

---
 resources/views/pdf-designs/playful.html | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/resources/views/pdf-designs/playful.html b/resources/views/pdf-designs/playful.html
index 39a4e01d55c1..0fa90fa45841 100644
--- a/resources/views/pdf-designs/playful.html
+++ b/resources/views/pdf-designs/playful.html
@@ -169,6 +169,7 @@
     }
 
     #table-totals {
+        margin-top: 1rem;
         display: grid;
         grid-template-columns: 2fr 1fr;
         gap: 80px;
@@ -227,6 +228,10 @@
         padding-left: 3rem;
         padding-right: 3rem;
     }
+
+    #footer {
+        margin-top: 1rem;
+    }
 </style>
 
 
@@ -275,12 +280,23 @@
 
     <table id="task-table" cellspacing="0"></table>
 
-    <div id="table-totals" cellspacing="0"></div>
-
     <table id="delivery-note-table" cellspacing="0"></table>
+
+    <div id="table-totals" cellspacing="0"></div>
 </div>
 
 <div id="footer">
-    <p data-ref="total_table-footer">$entity_footer/p>
+    <p data-ref="total_table-footer">$entity_footer</p>
+
+    <script>
+        // Clear up space a bit, if [product-table, tasks-table, delivery-note-table] isn't present.
+        document.addEventListener('DOMContentLoaded', () => {
+            ['product-table', 'task-table', 'delivery-note-table'].forEach((tableIdentifier) => {
+                document.getElementById(tableIdentifier).childElementCount === 0
+                    ? document.getElementById(tableIdentifier).style.display = 'none'
+                    : '';
+            });
+        });
+    </script>
 </div>