voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use grid-row-gap instead of not last margin-bottom.

Browse source
This commit is contained in:
voussoir 2019-08-25 17:56:54 -07:00
parent b67aa63b26
commit ced98d0c42
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontends/etiquette_flask/templates/album.html
View file

@ -7,10 +7,6 @@ h2, h3
{ {
margin-top: 0; margin-top: 0;
} }
#left > *:not(:last-child)
{
margin-bottom: 30px;
}
#album_metadata h2 .editor_input #album_metadata h2 .editor_input
{ {
font-size: inherit; font-size: inherit;
@ -22,6 +18,12 @@ h2, h3
padding: 8px; padding: 8px;
} }
#left
{
display: grid;
grid-row-gap: 30px;
grid-auto-rows: max-content;
}
#right #right
{ {
grid-row-gap: 8px; grid-row-gap: 8px;

7
frontends/etiquette_flask/templates/tags.html
View file

@ -26,10 +26,15 @@ h2, h3
{ {
grid-area: header; grid-area: header;
} }
#left
{
display: grid;
grid-row-gap: 30px;
grid-auto-rows: max-content;
}
#left > * #left > *
{ {
background-color: var(--color_site_transparency); background-color: var(--color_site_transparency);
margin-bottom: 30px;
padding: 8px; padding: 8px;
border-radius: 5px; border-radius: 5px;
} }