From 37ca3072c0bfbe3c81683e28f11718cc626972f3 Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <cam@camscode.com>
Date: Tue, 14 Jun 2022 21:19:41 -0400
Subject: [PATCH] Navigation - Fixed cutoff in chrome mobile browser

---
 src/components/css/Navigation.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/css/Navigation.css b/src/components/css/Navigation.css
index 6a1b74b..f29b94e 100644
--- a/src/components/css/Navigation.css
+++ b/src/components/css/Navigation.css
@@ -58,18 +58,20 @@
         position:fixed;
         bottom:0;
         left:0;
-        height: 5.5rem;
+        height: 4rem;
         justify-content: space-around;
         width:100vw;
     }
 
     .Navigation a, .Navigation button {
-        height: 5.5rem;
+        height: 4rem;
+        font-size:small;
+        width:max-content;
     }
 
     .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;