Order overview: Make table easier to read

This commit is contained in:
Raphael Michel
2019-02-07 15:28:11 +01:00
parent 33c43ce482
commit d505422e0f
2 changed files with 21 additions and 2 deletions

View File

@@ -32,7 +32,7 @@
<th>{% trans "Product" %}</th>
<th>{% trans "Canceled" %}¹</th>
<th>{% trans "Expired" %}</th>
<th colspan="3">{% trans "Purchased" %}</th>
<th colspan="3" class="text-center">{% trans "Purchased" %}</th>
</tr>
<tr>
<th></th>

View File

@@ -1,4 +1,9 @@
.table-product-overview {
td:last-child, th:last-child {
border-right: 1px solid #ddd;
}
.item.categorized td:first-child {
padding-left: 20px;
}
@@ -9,7 +14,13 @@
padding-left: 40px;
}
td:not(:first-child),
th:not(:first-child) {
th:not(:first-child):not(.text-center) {
border-left: 1px solid #ddd;
padding-right: 10px !important;
padding-left: 10px !important;
}
td:not(:first-child),
th:not(:first-child):not(.text-center) {
text-align: right;
}
span.sum-net, span.sum-gross {
@@ -19,6 +30,14 @@
border-top: 2px solid #ddd;
}
}
@media(min-device-width: $screen-lg-min) {
.table-product-overview {
td:not(:first-child),
th:not(:first-child):not(.text-center) {
width: 150px;
}
}
}
#sumtoggle {
margin-top: 20px;