From 894b7198f36ea0ed45e18acef9f0b7359d968128 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sun, 10 Oct 2021 21:11:17 +0100
Subject: [PATCH] :lipstick: Updates min footer-height, to prevent scrollbar
 visible

---
 src/components/PageStrcture/Nav.vue | 2 ++
 src/styles/color-themes.scss        | 1 +
 src/styles/dimensions.scss          | 2 +-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/PageStrcture/Nav.vue b/src/components/PageStrcture/Nav.vue
index 5b4afd0c..bf0d4b76 100644
--- a/src/components/PageStrcture/Nav.vue
+++ b/src/components/PageStrcture/Nav.vue
@@ -33,6 +33,8 @@ nav {
         display: inline-block;
         padding: 0.75rem 0.5rem;
         margin: 0.5rem;
+        min-width: 5rem;
+        text-align: center;
         outline: none;
         border: none;
         border-radius: var(--curve-factor);
diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss
index 124895be..9d15db4e 100644
--- a/src/styles/color-themes.scss
+++ b/src/styles/color-themes.scss
@@ -354,6 +354,7 @@ html[data-theme='minimal-light'], html[data-theme='minimal-dark'], html[data-the
 html[data-theme='material'], html[data-theme='material-dark'] {
   --font-body: 'Raleway', serif;
   --font-headings: 'Francois One', serif;
+  --footer-height: 140px;
   --curve-factor: 4px;
   --curve-factor-navbar: 8px;
   --about-page-background: var(--background);
diff --git a/src/styles/dimensions.scss b/src/styles/dimensions.scss
index 1bd7267d..739b17d0 100644
--- a/src/styles/dimensions.scss
+++ b/src/styles/dimensions.scss
@@ -10,7 +10,7 @@
   /* Basic Page Components */
   --scroll-bar-width: 8px;
   --header-height: 6.3rem;
-  --footer-height: 125px;
+  --footer-height: 128px;
 
   /* Section & Item dimensions */
   --item-group-padding: 5px; // Determines width of item-group outline