edpibu/nummi
edpibu/nummi
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix statement list, gaps

Browse source
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
1 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
nummi/main/static/main/css/main.css
View file

@ -81,7 +81,10 @@ a {
main, main,
nav, nav,
footer { footer {
padding: 2rem 1rem;
@media (width > 720px) {
padding: 2rem; padding: 2rem;
}
} }
main { main {
position: relative; position: relative;
@ -94,8 +97,7 @@ main {
.split { .split {
display: grid; display: grid;
column-gap: var(--gap); gap: var(--gap);
row-gap: var(--gap);
grid-template-columns: 100%; grid-template-columns: 100%;
@media (width > 720px) { @media (width > 720px) {
grid-template-columns: minmax(20rem, max-content) 1fr; grid-template-columns: minmax(20rem, max-content) 1fr;
@ -366,15 +368,15 @@ dl.accounts {
ul.statements, ul.statements,
ul.invoices { ul.invoices {
display: grid; 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-auto-rows: 1fr;
grid-gap: var(--gap); gap: 0.5rem;
list-style: none; list-style: none;
padding: 0; padding: 0;
li { li {
display: grid; display: grid;
grid-row-gap: var(--gap); gap: 0.5rem;
padding: var(--gap); padding: var(--gap);
border: var(--gray) 1px solid; border: var(--gray) 1px solid;
text-align: right; text-align: right;
@ -423,7 +425,7 @@ ul.statements {
overflow-x: auto; overflow-x: auto;
display: grid; display: grid;
grid-template-columns: repeat(4, min-content); grid-template-columns: repeat(4, min-content);
grid-gap: var(--gap); gap: var(--gap);
align-items: center; align-items: center;
> span:nth-child(2) { > span:nth-child(2) {
@ -483,8 +485,8 @@ ul.statements {
.category { .category {
padding: 0 var(--gap); padding: 0 var(--gap);
border: var(--gray) 1px solid; border: var(--gray) 1px solid;
margin-right: var(--gap); margin-right: 0.5rem;
margin-bottom: var(--gap); margin-bottom: 0.5rem;
&.add { &.add {
border-style: dashed; border-style: dashed;