From 98a9cd2c53dc5b359196f4c19aa3f9489480cbc2 Mon Sep 17 00:00:00 2001
From: Eric Bus <eric.bus@websight.nl>
Date: Fri, 6 Dec 2024 14:02:56 +0100
Subject: [PATCH] fix: center banners on mobile

---
 resources/assets/sass/layout/_home.scss  | 8 +-------
 resources/views/home.blade.php           | 6 ++++--
 resources/views/layouts/master.blade.php | 2 +-
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/resources/assets/sass/layout/_home.scss b/resources/assets/sass/layout/_home.scss
index 9e020ec1..53d37f43 100644
--- a/resources/assets/sass/layout/_home.scss
+++ b/resources/assets/sass/layout/_home.scss
@@ -7,14 +7,8 @@
 @use "../components/featured";
 @use "../components/podcast_items";
 
-ins[data-revive-zoneid] {
-  margin-top: -30px;
-  text-align: center;
-  margin-bottom: 30px;
-}
-
 @media (max-width: 576px) {
-  ins[data-revive-zoneid] {
+  ins[data-revive-zoneid] img {
     max-width: 100%;
     height: auto;
   }
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 0299f0ec..72fea68c 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -136,8 +136,10 @@
         <div class="grey_background">
             <div class="body_container row">
                 @if(!isset($disableBanners) || !$disableBanners)
-                    <ins data-revive-zoneid="3" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
-                    <ins data-revive-zoneid="4" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
+                    <div class="d-none d-md-flex justify-content-center">
+                        <ins data-revive-zoneid="3" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
+                        <ins data-revive-zoneid="4" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
+                    </div>
                 @endif
                 <div class="col-12 col-md content_container">
                     <div class="row">
diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index 632557e2..c1828a23 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -89,7 +89,7 @@
     </div>
 
     @if(!isset($disableBanners) || !$disableBanners)
-        <div class="mobile-banner-fullwidth d-flex d-md-none">
+        <div class="mobile-banner-fullwidth d-flex d-md-none justify-content-center mt-4">
             <ins data-revive-zoneid="6" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
         </div>
     @endif