Fix statement list, gaps
This commit is contained in:
parent
57d5330d75
commit
e8050fadb9
1 changed files with 11 additions and 9 deletions
|
@ -81,7 +81,10 @@ a {
|
|||
main,
|
||||
nav,
|
||||
footer {
|
||||
padding: 2rem;
|
||||
padding: 2rem 1rem;
|
||||
@media (width > 720px) {
|
||||
padding: 2rem;
|
||||
}
|
||||
}
|
||||
main {
|
||||
position: relative;
|
||||
|
@ -94,8 +97,7 @@ main {
|
|||
|
||||
.split {
|
||||
display: grid;
|
||||
column-gap: var(--gap);
|
||||
row-gap: var(--gap);
|
||||
gap: var(--gap);
|
||||
grid-template-columns: 100%;
|
||||
@media (width > 720px) {
|
||||
grid-template-columns: minmax(20rem, max-content) 1fr;
|
||||
|
@ -366,15 +368,15 @@ dl.accounts {
|
|||
ul.statements,
|
||||
ul.invoices {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
|
||||
grid-auto-rows: 1fr;
|
||||
grid-gap: var(--gap);
|
||||
gap: 0.5rem;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: grid;
|
||||
grid-row-gap: var(--gap);
|
||||
gap: 0.5rem;
|
||||
padding: var(--gap);
|
||||
border: var(--gray) 1px solid;
|
||||
text-align: right;
|
||||
|
@ -423,7 +425,7 @@ ul.statements {
|
|||
overflow-x: auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, min-content);
|
||||
grid-gap: var(--gap);
|
||||
gap: var(--gap);
|
||||
align-items: center;
|
||||
|
||||
> span:nth-child(2) {
|
||||
|
@ -483,8 +485,8 @@ ul.statements {
|
|||
.category {
|
||||
padding: 0 var(--gap);
|
||||
border: var(--gray) 1px solid;
|
||||
margin-right: var(--gap);
|
||||
margin-bottom: var(--gap);
|
||||
margin-right: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
&.add {
|
||||
border-style: dashed;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue