From 09e629196556634aba7b9e112f4ff6de06146e75 Mon Sep 17 00:00:00 2001
From: Bayo Sodimu <6872903+bayological@users.noreply.github.com>
Date: Thu, 15 Aug 2024 14:13:34 -0400
Subject: [PATCH] refactor: revert z index change + add y-spacing (#138)

---
 package.json                  | 2 +-
 src/components/nav/Footer.tsx | 2 +-
 src/layout/AppLayout.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 84e5785..1757b27 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mento-protocol/mento-web",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A simple DApp for Celo Mento exchanges",
   "keywords": [
     "Celo",
diff --git a/src/components/nav/Footer.tsx b/src/components/nav/Footer.tsx
index e369e90..b5df9c9 100644
--- a/src/components/nav/Footer.tsx
+++ b/src/components/nav/Footer.tsx
@@ -16,7 +16,7 @@ import { isStale } from 'src/utils/time'
 
 export function Footer() {
   return (
-    <div className="z-20 inline-flex justify-between w-full p-3 sm:px-5 sm:py-7">
+    <div className="z-20 inline-flex justify-between w-full p-3 mt-10 sm:px-5 sm:py-7 pt-7">
       <div className="inline-flex items-start justify-start gap-4">
         <div className="p-2 justify-start items-start gap-2.5 flex">
           <FooterIconLink to={links.twitter} imgSrc={Twitter} alt="Twitter" />
diff --git a/src/layout/AppLayout.tsx b/src/layout/AppLayout.tsx
index ee74f56..a2dc519 100644
--- a/src/layout/AppLayout.tsx
+++ b/src/layout/AppLayout.tsx
@@ -25,7 +25,7 @@ export function AppLayout({ pathName, children }: PropsWithChildren<Props>) {
       >
         <TopBlur />
         <Header />
-        <main className={`relative z-30 flex items-center justify-center grow`}>{children}</main>
+        <main className={`relative z-20 flex items-center justify-center grow`}>{children}</main>
         <Footer />
         <BottomGrid />
       </div>