WIP Reimbursements/expenses
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
ul.reimbursement-list {
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
> li {
|
||||
display: grid;
|
||||
grid-template-columns: auto 10rem;
|
||||
grid-row-gap: 0.5rem;
|
||||
@@ -17,36 +17,13 @@ ul.reimbursement-list {
|
||||
}
|
||||
|
||||
.amount {
|
||||
font-weight: 500;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.symbol {
|
||||
font-size: 0.8rem;
|
||||
font-size: 1rem;
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
grid-column-start: span 2;
|
||||
width: 100%;
|
||||
margin-top: 0.8rem;
|
||||
border-collapse: collapse;
|
||||
|
||||
tr {
|
||||
border-top: 1px solid $item-border-color;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 0.8rem 0;
|
||||
|
||||
&.amount {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-max(small) {
|
||||
td.date { display: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user