diff --git a/static/src/stylesheets/module/content/_gallery.scss b/static/src/stylesheets/module/content/_gallery.scss index 3b9788fb7fd5..77fffd2fa79c 100644 --- a/static/src/stylesheets/module/content/_gallery.scss +++ b/static/src/stylesheets/module/content/_gallery.scss @@ -276,7 +276,13 @@ $multimedia-support-5: #161616; } @include mq(tablet) { - .content__dateline, .content__labels, .byline, .content__meta-container, .meta__break, .content__headline, .content__standfirst { + .content__dateline, + .content__labels, + .byline, + .content__meta-container, + .meta__break, + .content__headline, + .content__standfirst { margin-left: gs-span(3); margin-right: gs-span(1); max-width: gs-span(8); @@ -382,7 +388,9 @@ $multimedia-support-5: #161616; .block-share--gallery { position: relative; - .block-share__item--facebook, .block-share__item--twitter, .block-share__item--pinterest { + .block-share__item--facebook, + .block-share__item--twitter, + .block-share__item--pinterest { background-color: rgba(0, 0, 0, 0); border: 1px solid $neutral-2; @@ -520,7 +528,8 @@ $multimedia-support-5: #161616; } // landscape gallery images now are wider than they were before. - .gallery__img-container--landscape, .gallery__img--landscape { + .gallery__img-container--landscape, + .gallery__img--landscape { width: 100%; height: auto; }