From c386045b2865008ebd563b2e3e2b6af4cea86344 Mon Sep 17 00:00:00 2001
From: Riccardo Senica <riccardo@frompixels.com>
Date: Fri, 29 Nov 2024 21:46:56 +0100
Subject: [PATCH] style: footer tweaking

---
 app/globals.css       | 16 ++++++++++++++++
 app/privacy/page.tsx  |  2 +-
 components/Footer.tsx | 30 +++++++++++++++++++-----------
 3 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 4830cf0..90cab35 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,6 +2,22 @@
 @tailwind components;
 @tailwind utilities;
 
+html,
+body {
+  margin: 0;
+  padding: 0;
+  overflow-x: hidden;
+  overscroll-behavior: none;
+  width: 100%;
+  position: relative;
+}
+
+#root,
+#__next {
+  overflow-x: hidden;
+  width: 100%;
+}
+
 @layer base {
   :root {
     --background: 0 0% 100%;
diff --git a/app/privacy/page.tsx b/app/privacy/page.tsx
index bf504ab..dd049f0 100644
--- a/app/privacy/page.tsx
+++ b/app/privacy/page.tsx
@@ -13,7 +13,7 @@ const Privacy = () => {
   };
 
   const body = (
-    <div className='privacy-content my-2 max-h-[60vh] space-y-1 overflow-auto'>
+    <div className='privacy-content my-2 max-h-[50vh] space-y-1 overflow-auto'>
       <p className='leading-relaxed'>
         This Privacy Policy describes Our policies and procedures on the
         collection, use and disclosure of Your information when You use the
diff --git a/components/Footer.tsx b/components/Footer.tsx
index fa1e70a..4492224 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -12,26 +12,34 @@ export const Footer = () => {
 
   if (pathname === '/unsubscribe') {
     return (
-      <div className='flex justify-center space-x-4'>
+      <div className='flex flex-col justify-center space-x-4'>
         <CustomLink path='/' text='Subscribe' />
+        <div className='mt-2 text-xs text-gray-600'>
+          <Link
+            className='font-medium text-indigo-600 hover:text-indigo-500'
+            href='/privacy'
+          >
+            Privacy Policy
+          </Link>
+        </div>
       </div>
     );
   }
 
   if (pathname === '/privacy') {
     return (
-      <div className='relative flex w-full items-center'>
-        <div className='flex w-full justify-center'>
-          <div className='inline-flex'>
+      <div className='w-full'>
+        <div className='relative flex flex-col items-center justify-center space-y-4 sm:flex-row sm:space-x-8 sm:space-y-0'>
+          <div>
             <CustomLink path='/' text='Subscribe' />
           </div>
-        </div>
-        <div className='absolute right-0'>
-          <CustomLink
-            path='/unsubscribe'
-            text='Unsubscribe'
-            className='rounded bg-gray-50 px-3 py-1.5 text-sm text-gray-500 transition-colors duration-200 hover:bg-gray-100'
-          />
+          <div>
+            <CustomLink
+              path='/unsubscribe'
+              text='Unsubscribe'
+              className='rounded bg-gray-50 px-3 py-1.5 text-sm text-gray-500 transition-colors duration-200 hover:bg-gray-100'
+            />
+          </div>
         </div>
       </div>
     );