From 341dfced7167f16840829ef1c4560acbf5fd2e69 Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Wed, 4 Oct 2023 12:50:58 +1100
Subject: [PATCH] Update cookie consent popup

---
 src/components/banner/CookieConsent.jsx | 2 +-
 src/layouts/BaseLayout.astro            | 4 ++--
 src/styles/input.css                    | 9 ++++++---
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/banner/CookieConsent.jsx b/src/components/banner/CookieConsent.jsx
index e41757c..d9a21c4 100644
--- a/src/components/banner/CookieConsent.jsx
+++ b/src/components/banner/CookieConsent.jsx
@@ -21,7 +21,7 @@ function CookieConsent() {
               Read cookie policy
             </a>
           </p>
-          <div className="flex w-full md:w-fit gap-2 mt-8 md:mt-0 ml-12">
+          <div className="flex w-full md:w-fit gap-2 mt-8 md:mt-0 md:ml-12">
             <a
               id="reject"
               className="flex h-12 w-full md:w-fit justify-center items-center border-2 border-gray-300 px-8 rounded-md  text-gray-700 hover:bg-gray-100"
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index d05464b..7963446 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -33,7 +33,7 @@ const { title } = Astro.props;
     />
 
     <title>{title}</title>
-    <ViewTransitions />
+    <!-- <ViewTransitions /> -->
     <script src="../assets/js/matomoTracking.js"></script>
   </head>
   <main class="flex flex-col h-screen"> 
@@ -44,7 +44,7 @@ const { title } = Astro.props;
       <NavigationReact client:only currentURL={Astro.request.url} />
       <div class="mt-14 flex-1"><slot /></div>
       <Footer />
-      <CookieConsent />
+      <CookieConsent client:load/>
 
     
       <script src="../assets/js/cookieConsent.js"></script>
diff --git a/src/styles/input.css b/src/styles/input.css
index a65449c..327f7f0 100644
--- a/src/styles/input.css
+++ b/src/styles/input.css
@@ -105,12 +105,15 @@
         padding: 2rem;
         background-color: #fff;
         opacity: 1;
-        transition: opacity .35s ease;
+        transition: bottom .5s ease;
 
         &.hide{
-            opacity: 0;
-            display:none;
+           bottom:-412px;
         }
+
+   
     }
+
+    
     
 }
\ No newline at end of file