💄 Updates min footer-height, to prevent scrollbar visible

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);

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);

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