Fix statement list, gaps

This commit is contained in:
Edgar P. Burkhart 2025-01-02 10:16:05 +01:00
parent 57d5330d75
commit e8050fadb9
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227

View file

@ -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;