From 1d8176394fba2929ff082e8feda7460b9880ee75 Mon Sep 17 00:00:00 2001
From: Camerin <figueroa0609@protonmail.com>
Date: Sun, 12 Jun 2022 14:26:24 -0400
Subject: [PATCH] Navigation - Decreased font size and height of mobile navbar

---
 src/components/css/App.css        | 2 +-
 src/components/css/Navigation.css | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/css/App.css b/src/components/css/App.css
index bb99752..6a9d084 100644
--- a/src/components/css/App.css
+++ b/src/components/css/App.css
@@ -73,6 +73,6 @@ html, body {
         flex-direction: column-reverse;
     }
     .App .app-content {
-        margin-bottom: 5.5rem;
+        margin-bottom: 4rem;
     }
 }
\ No newline at end of file
diff --git a/src/components/css/Navigation.css b/src/components/css/Navigation.css
index 6a1b74b..ae25fbb 100644
--- a/src/components/css/Navigation.css
+++ b/src/components/css/Navigation.css
@@ -58,18 +58,19 @@
         position:fixed;
         bottom:0;
         left:0;
-        height: 5.5rem;
+        height: 4rem;
         justify-content: space-around;
         width:100vw;
     }
 
     .Navigation a, .Navigation button {
-        height: 5.5rem;
+        font-size: small;
+        height: 4rem;
     }
 
     .Navigation a:hover, .Navigation button:hover {
         background-color: #2F2F32;
-        height:5.5rem;
+        height:4rem;
         transition: background-color 300ms ease-out;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;