From 1b5770b81a4dadba4b7c4a3443107e253dc3ac19 Mon Sep 17 00:00:00 2001 From: Ethan Dalool Date: Sat, 16 Mar 2019 13:07:00 -0700 Subject: [PATCH] Somewhat improve appearance of album cards on narrow screens. 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. --- frontends/etiquette_flask/static/css/photo_card.css | 7 +++++-- frontends/etiquette_flask/templates/album.html | 4 ++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/frontends/etiquette_flask/static/css/photo_card.css b/frontends/etiquette_flask/static/css/photo_card.css index b8013d9..46dbbb8 100644 --- a/frontends/etiquette_flask/static/css/photo_card.css +++ b/frontends/etiquette_flask/static/css/photo_card.css @@ -26,8 +26,11 @@ "thumbnail metadata" auto /auto 1fr; - width: 325px; - margin: 8px; + max-width: 325px; + width: 100%; + margin-right: 8px; + margin-bottom: 8px; + box-sizing: border-box; padding: 8px; } .album_card_thumbnail diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html index 3cbf4dd..f669957 100644 --- a/frontends/etiquette_flask/templates/album.html +++ b/frontends/etiquette_flask/templates/album.html @@ -56,6 +56,10 @@ h2, h3 "right" 150px /1fr; } + #left + { + margin-right: unset; + } #right { top: unset !important;