diff --git a/resources/views/pdf-designs/bold.html b/resources/views/pdf-designs/bold.html index 1cf41f0eb..1664766d5 100644 --- a/resources/views/pdf-designs/bold.html +++ b/resources/views/pdf-designs/bold.html @@ -89,31 +89,48 @@ padding: 2rem; font-size: 1.5rem; } + #product-table > thead > tr > th:last-child { + text-align: right; + } #product-table > tbody > tr > td { padding: 1.5rem; } + #product-table > tbody > tr > td:last-child { + text-align: right; + } #product-table > tbody > tr > td:first-child { font-weight: bold; } #product-table > tbody > tr:nth-child(odd) { background-color: #ebebeb; } - #product-table > tfoot > tr > td { - padding: 1.5rem; + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1.2rem; + padding-left: 1.2rem; + gap: 20px; } - #product-table > tfoot [data-element='balance-due-label'], - #product-table > tfoot [data-element='balance-due'] { + #product-table-footer + > * + [data-element='product-table-balance-due-label'], + #product-table-footer > * [data-element='product-table-balance-due'] { font-weight: bold; font-size: 1.4rem; } - #product-table > tfoot [data-element='balance-due'] { + #product-table-footer > * [data-element='product-table-balance-due'] { color: #35a39a; } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 1.5rem; + }
+ + diff --git a/resources/views/pdf-designs/business.html b/resources/views/pdf-designs/business.html index 654f611a9..d2018b9c1 100644 --- a/resources/views/pdf-designs/business.html +++ b/resources/views/pdf-designs/business.html @@ -4,12 +4,13 @@ - @@ -160,6 +183,8 @@
+ + diff --git a/resources/views/pdf-designs/clean.html b/resources/views/pdf-designs/clean.html index 83aa11bd7..57a476498 100644 --- a/resources/views/pdf-designs/clean.html +++ b/resources/views/pdf-designs/clean.html @@ -101,13 +101,31 @@ #product-table > tbody > tr:nth-child(odd) { background-color: #f5f5f5; } - #product-table > tfoot > tr > td { - padding: 1rem; + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1rem; + padding-left: 1rem; + gap: 20px; } - #product-table > tfoot [data-element='balance-due'] { - color: #67b1cc; + #product-table-footer + > * + [data-element='product-table-balance-due-label'], + #product-table-footer + > * + [data-element='product-table-balance-due'] { font-weight: bold; } + #product-table-footer + > * + [data-element='product-table-balance-due'] { + color: #67b1cc; + } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 1rem; + } @@ -133,6 +151,8 @@
+ + diff --git a/resources/views/pdf-designs/creative.html b/resources/views/pdf-designs/creative.html index e5898090f..5b80cda98 100644 --- a/resources/views/pdf-designs/creative.html +++ b/resources/views/pdf-designs/creative.html @@ -85,21 +85,40 @@ font-size: 1.1rem; padding: 1rem; } + #product-table > thead > tr > th:last-child { + text-align: right; + } + #product-table > tbody > tr > td:last-child { + text-align: right; + } #product-table > tbody > tr > td { padding: 1rem; } #product-table > tbody > tr:nth-child(odd) { background-color: #e8e8e8; } - #product-table > tfoot > tr > td { - padding: 1rem; + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1rem; } - #product-table > tfoot > tr:last-child > td { - border-top: 5px solid #b21c53; - } - #product-table > tfoot [data-element='product-table-balance-due'] { - color: #b21c53; + #product-table-footer + > * + [data-element='product-table-balance-due'] { font-weight: bold; + color: #b21c53; + } + #product-table-footer > * > * { + padding-left: 1rem; + } + #product-table-footer > *:last-child > * { + border-top: 5px solid #b21c53; + padding-top: 1rem; + } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 1rem; } @@ -131,6 +150,8 @@
+ + diff --git a/resources/views/pdf-designs/elegant.html b/resources/views/pdf-designs/elegant.html index 64a50ad9e..9400f2549 100644 --- a/resources/views/pdf-designs/elegant.html +++ b/resources/views/pdf-designs/elegant.html @@ -95,19 +95,15 @@ color: #396d49; font-weight: medium; } + #product-table > thead > tr > th:last-child { + text-align: right; + } #product-table > tbody > tr > td { border-bottom: 1px solid; padding: 1rem; } - #product-table > tfoot > tr > td { - padding: 1rem; - } - #product-table - > tfoot - [data-element='product-table-balance-due-label'], - #product-table > tfoot [data-element='product-table-balance-due'] { - border-top: 1px solid; - border-bottom: 1px solid; + #product-table > tbody > tr > td:last-child { + text-align: right; } .thanks-label { @@ -118,6 +114,31 @@ padding-bottom: 1rem; border-bottom: 4px solid; } + + #product-table-footer > * { + display: grid; + grid-template-columns: 3fr 1fr 1fr; + padding-top: 1rem; + padding-left: 1rem; + gap: 20px; + } + #product-table-footer + > * + [data-element='product-table-balance-due-label'], + #product-table-footer + > * + [data-element='product-table-balance-due'] { + font-weight: bold; + } + #product-table-footer + > * + [data-element='product-table-balance-due'] { + color: #396d49; + } + #product-table-footer > * > :last-child { + text-align: right; + padding-right: 0.5rem; + } @@ -154,6 +175,8 @@
+ +