From bee9240dcc5dcc22e88c9228fbdd2180a1f2283c Mon Sep 17 00:00:00 2001
From: Jon McClure <jon.r.mcclure@gmail.com>
Date: Wed, 28 Feb 2024 11:48:43 +0000
Subject: [PATCH] ad styles

---
 src/components/AdSlot/AdSlot.svelte | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/AdSlot/AdSlot.svelte b/src/components/AdSlot/AdSlot.svelte
index 891f36a3..24df794c 100644
--- a/src/components/AdSlot/AdSlot.svelte
+++ b/src/components/AdSlot/AdSlot.svelte
@@ -72,7 +72,14 @@
   <div class="ad-block">
     <div class="ad-label">Advertisement · Scroll to continue</div>
     <div class="ad-container">
-      <div data-freestar-ad="{dataFreestarAd || null}" id="{randomAdId}"></div>
+      <div class="ad-slot__inner">
+        <div>
+          <div
+            data-freestar-ad="{dataFreestarAd || null}"
+            id="{randomAdId}"
+          ></div>
+        </div>
+      </div>
     </div>
   </div>
 </Block>
@@ -91,15 +98,22 @@
       text-align: center;
     }
     div.ad-container {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
       min-height: 415px;
       @media (max-width: 767.9px) {
         min-height: 320px;
       }
-      & > div {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
+      div.ad-slot__inner {
+        margin: auto 0;
+        width: 100%;
+        max-width: 100%;
+        flex: unset;
+        & > div {
+          display: block;
+        }
       }
     }
   }