From 8dd5f9e7180e2d5994eed7414edf62527dda7ea4 Mon Sep 17 00:00:00 2001 From: Ethan Dalool Date: Thu, 30 Mar 2017 19:03:33 -0700 Subject: [PATCH] Don't split metadata across lines Fix Photo Card CSS so the metadata appears on a single line instead of getting split, without giving filename the same luxury --- static/common.css | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/static/common.css b/static/common.css index 9dfe8e5..f59c57a 100644 --- a/static/common.css +++ b/static/common.css @@ -140,6 +140,15 @@ li justify-content: space-between; font-size: 12.8px; background-color: inherit; +} +.photo_card_grid_filename +{ + background-color: inherit; + max-height: 30px; + overflow: hidden; + align-self: flex-start; + word-break:break-word; + z-index: 1; /* The width of photo cards should be based on the aspect ratio of the @@ -151,15 +160,6 @@ li min-width: 100%; width: 0; } -.photo_card_grid_filename -{ - background-color: inherit; - max-height: 30px; - overflow: hidden; - align-self: flex-start; - word-break:break-word; - z-index: 1; -} .photo_card_grid_filename a { background-color: inherit; @@ -179,6 +179,11 @@ li .photo_card_grid_tags { align-self: flex-start; + /* + When the metadata is long it tends to squish against the T, so give it + some breathing room. + */ + margin-right: 8px; } .tag_object {