From 9281b3199e0de71044e0c37749bff396e5642dc8 Mon Sep 17 00:00:00 2001
From: Danny Miller <k2xl.com@gmail.com>
Date: Fri, 17 May 2024 21:10:09 -0400
Subject: [PATCH] clean up cookie banner a bit

---
 pages/_app.tsx | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/pages/_app.tsx b/pages/_app.tsx
index ffab45c04..b69e8f3e6 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -433,20 +433,27 @@ export default function MyApp({ Component, pageProps, userAgent, initGame }: App
           cardType: 'summary_large_image'
         }}
       />
-      {isEU && (
+      {!isEU && (
         <CookieConsent
-          buttonStyle={{ color: '#000000', backgroundColor: '#FFFFFF', fontSize: '13px', borderRadius: '2px' }}
-          buttonText='Got it'
+          buttonStyle={{ borderRadius: '6px', color: 'white', background: '#4CAF50' }}
+          buttonText='I understand'
+          buttonClasses='px-2 py-2 rounded-md shadow-md font-semibold bg-green-700'
           cookieName='cookie_consent'
+          contentStyle={{ margin: '0px', flex: '1', padding: '8px' }}
+
           location='bottom'
-          style={{ background: '#2B373B', alignItems: 'center' }}
-          expires={360}
+          style={{ background: '#2B373B',
+            height: '60px',
+            display: 'flex',
+            alignItems: 'center',
+          }}
         >
-          Our website uses cookies to improve your browsing experience. By continuing to use this site, you consent to our use of cookies.
-          <br />
-          <span style={{ fontSize: '10px' }}>
-            Learn more in our <a className='hover:underline text-blue-300' href='https://docs.google.com/document/d/e/2PACX-1vSNgV3NVKlsgSOEsnUltswQgE8atWe1WCLUY5fQUVjEdu_JZcVlRkZcpbTOewwe3oBNa4l7IJlOnUIB/pub' rel='noreferrer' target='_blank'>privacy policy</a>.
-          </span>
+          <div className='flex items-center gap-2'>
+            <div className='text-xs'>
+          We use cookies to improve your browsing experience.
+            View our <a className='hover:underline text-blue-300' href='https://docs.google.com/document/d/e/2PACX-1vSNgV3NVKlsgSOEsnUltswQgE8atWe1WCLUY5fQUVjEdu_JZcVlRkZcpbTOewwe3oBNa4l7IJlOnUIB/pub' rel='noreferrer' target='_blank'>privacy policy</a>.
+            </div>
+          </div>
         </CookieConsent>
       )}
       <AppContext.Provider value={{