Improve paddings & margins: Hipster

This commit is contained in:
Benjamin Beganović 2021-05-20 15:02:44 +02:00
parent 54a480360e
commit c5de2f6e65

View File

@ -153,6 +153,7 @@
}
#table-totals {
margin-top: 1rem;
display: grid;
grid-template-columns: 2fr 1fr;
padding-top: 0.5rem;
@ -191,6 +192,10 @@
text-align: right;
padding-right: 1rem;
}
#footer {
margin-top: 30px;
}
</style>
<div id="header"></div>
@ -251,11 +256,22 @@
<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>
<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>