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