From 5f665252d521025a6cdd0d47d4e04e0f52aec58e Mon Sep 17 00:00:00 2001 From: Chrystal Griffiths Date: Tue, 18 Sep 2018 10:13:55 +0100 Subject: [PATCH 1/3] Add margin-bottom to tags --- services/web/public/stylesheets/app/templates-v2.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/services/web/public/stylesheets/app/templates-v2.less b/services/web/public/stylesheets/app/templates-v2.less index 1f7fe8c5fc..66d0d33d2b 100644 --- a/services/web/public/stylesheets/app/templates-v2.less +++ b/services/web/public/stylesheets/app/templates-v2.less @@ -24,7 +24,7 @@ } .tag-link { - margin-right: @margin-xs; + margin: 0 @margin-xs @margin-sm 0; } .templates-container { From 4b9038ed502cd74044da210e59a4861d34778c42 Mon Sep 17 00:00:00 2001 From: Alasdair Smith Date: Wed, 19 Sep 2018 18:10:36 +0100 Subject: [PATCH 2/3] Don't let caption titles overflow --- services/web/public/stylesheets/app/templates-v2.less | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/services/web/public/stylesheets/app/templates-v2.less b/services/web/public/stylesheets/app/templates-v2.less index 66d0d33d2b..e5a00a2bd5 100644 --- a/services/web/public/stylesheets/app/templates-v2.less +++ b/services/web/public/stylesheets/app/templates-v2.less @@ -68,6 +68,12 @@ .text-overflow(); } + .caption__title { + display: inline-block; + max-width: 100%; + .text-overflow(); + } + /* Media Queries */ @media (max-width: @screen-md-min) { .thumbnail { From af0d67d379d57c736de559e54758e7b6d88362b6 Mon Sep 17 00:00:00 2001 From: Chrystal Griffiths Date: Fri, 21 Sep 2018 10:50:46 +0100 Subject: [PATCH 3/3] Change styles to accommodate masonry changes --- services/web/public/stylesheets/app/templates-v2.less | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/services/web/public/stylesheets/app/templates-v2.less b/services/web/public/stylesheets/app/templates-v2.less index e5a00a2bd5..9ce6739c56 100644 --- a/services/web/public/stylesheets/app/templates-v2.less +++ b/services/web/public/stylesheets/app/templates-v2.less @@ -33,9 +33,12 @@ } .template-thumbnail { - display: inline-block; - margin: 0 0 1em; - width: 100%; + &.template-thumbnail__container { + display: inline-block; + margin: 0 0 1em; + width: 100%; + } + .thumbnail { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin: 5% 0; @@ -84,7 +87,6 @@ padding: 5px 50px; } } - } .section-preview {