From 36ce278c145937aed3438aae4d9b95f8c6676c2d Mon Sep 17 00:00:00 2001
From: Dominic Arrojado <dominicarrojado@gmail.com>
Date: Sun, 28 May 2023 09:57:55 +0800
Subject: [PATCH] fix ad units

---
 components/adUnit.tsx |  5 ++++-
 components/layout.tsx | 16 ++++++++--------
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/components/adUnit.tsx b/components/adUnit.tsx
index acc14aa..9d02421 100644
--- a/components/adUnit.tsx
+++ b/components/adUnit.tsx
@@ -19,7 +19,10 @@ function AdUnit({ adSlot, adFormat, className }: Props) {
   return (
     <div className={className}>
       <ins
-        className={cn('adsbygoogle block max-w-xl mx-auto', styles.adunit)}
+        className={cn(
+          'adsbygoogle block max-w-[1200px] mx-auto',
+          styles.adunit
+        )}
         data-ad-client={GOOGLE_ADSENSE_CLIENT_ID}
         data-ad-slot={adSlot}
         data-ad-format={adFormat}
diff --git a/components/layout.tsx b/components/layout.tsx
index 884e826..02ed1f4 100644
--- a/components/layout.tsx
+++ b/components/layout.tsx
@@ -16,22 +16,22 @@ export default function Layout({ children }: Props) {
       <div className="absolute inset-0 -z-10 overflow-hidden">
         <SvgGraphs />
       </div>
+      <AdUnit
+        adSlot={GoogleAdSenseUnitSlot.PROJECT_HEADER}
+        adFormat={GoogleAdSenseUnitFormat.FLUID}
+      />
       <main className="mx-auto max-w-xl">
-        <AdUnit
-          adSlot={GoogleAdSenseUnitSlot.PROJECT_HEADER}
-          adFormat={GoogleAdSenseUnitFormat.FLUID}
-        />
         <PageTitle>
           Embassy of Japan in Singapore Visa Appointment Notification Service
           for Visa (Tourism) applications
         </PageTitle>
         <PageBody>{children}</PageBody>
-        <AdUnit
-          adSlot={GoogleAdSenseUnitSlot.PROJECT_FOOTER}
-          adFormat={GoogleAdSenseUnitFormat.FLUID}
-        />
       </main>
       <Footer className="mt-10" />
+      <AdUnit
+        adSlot={GoogleAdSenseUnitSlot.PROJECT_FOOTER}
+        adFormat={GoogleAdSenseUnitFormat.FLUID}
+      />
     </div>
   );
 }