From d09041fdb280e627b483a541868dae031eceff3c Mon Sep 17 00:00:00 2001 From: Emma Imber Date: Tue, 10 Dec 2024 15:48:57 +0000 Subject: [PATCH 1/2] Centre gallery ad slots --- applications/app/views/fragments/gallerySlot.scala.html | 1 + static/src/stylesheets/module/_adslot.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/applications/app/views/fragments/gallerySlot.scala.html b/applications/app/views/fragments/gallerySlot.scala.html index 29653b20cd6..22c713fd6e9 100644 --- a/applications/app/views/fragments/gallerySlot.scala.html +++ b/applications/app/views/fragments/gallerySlot.scala.html @@ -13,5 +13,6 @@ Map(), optId = if(isMobile) Some(s"$slotName--mobile") else None, optClassNames = if(isMobile) Some("mobile-only") else Some("hide-until-tablet") + useFlexContainer = true ){ } } diff --git a/static/src/stylesheets/module/_adslot.scss b/static/src/stylesheets/module/_adslot.scss index 7332dc9c8b2..c60efbc948b 100644 --- a/static/src/stylesheets/module/_adslot.scss +++ b/static/src/stylesheets/module/_adslot.scss @@ -192,7 +192,7 @@ .ad-slot--gallery-inline, .ad-slot--liveblog-inline { width: $mpu-original-width; - margin: $gs-baseline auto; + margin: $gs-baseline 0; min-width: $mpu-original-width; min-height: $mpu-original-height + $mpu-ad-label-height; text-align: center; From b1d5bdba22b4e2e3d2e16a7fc693fd49f03976ac Mon Sep 17 00:00:00 2001 From: Emma Imber Date: Tue, 10 Dec 2024 16:19:22 +0000 Subject: [PATCH 2/2] Add missing comma --- applications/app/views/fragments/gallerySlot.scala.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/applications/app/views/fragments/gallerySlot.scala.html b/applications/app/views/fragments/gallerySlot.scala.html index 22c713fd6e9..303803d2a41 100644 --- a/applications/app/views/fragments/gallerySlot.scala.html +++ b/applications/app/views/fragments/gallerySlot.scala.html @@ -12,7 +12,7 @@ Seq("gallery-inline", "dark") ++ (if(isMobile) Some("mobile") else None), Map(), optId = if(isMobile) Some(s"$slotName--mobile") else None, - optClassNames = if(isMobile) Some("mobile-only") else Some("hide-until-tablet") + optClassNames = if(isMobile) Some("mobile-only") else Some("hide-until-tablet"), useFlexContainer = true ){ } }