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

Somewhat improve appearance of album cards on narrow screens.

Browse source 
Previously, on very narrow screens, the album cards were spilling
out of the container. Now they are better contained but I am
still not 100% satisfied with the margins between them.
This commit is contained in:
voussoir 2019-03-16 13:07:00 -07:00
parent a52be02880
commit 1b5770b81a
2 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontends/etiquette_flask/static/css/photo_card.css
View file

@ -26,8 +26,11 @@
"thumbnail metadata" auto "thumbnail metadata" auto
/auto 1fr; /auto 1fr;
width: 325px; max-width: 325px;
margin: 8px; width: 100%;
margin-right: 8px;
margin-bottom: 8px;
box-sizing: border-box;
padding: 8px; padding: 8px;
} }
.album_card_thumbnail .album_card_thumbnail

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

@ -56,6 +56,10 @@ h2, h3
"right" 150px "right" 150px
/1fr; /1fr;
} }
#left
{
margin-right: unset;
}
#right #right
{ {
top: unset !important; top: unset !important;