diff --git a/src/stylesheets/components/_admin.scss b/src/stylesheets/components/_admin.scss index 441b9d6..2ede87e 100644 --- a/src/stylesheets/components/_admin.scss +++ b/src/stylesheets/components/_admin.scss @@ -1,7 +1,8 @@ .adminContent { - min-height: 91vh; + box-sizing: border-box; + min-height: calc(100vh - 80px); background-color: $admin-bg; - padding: .5rem 1rem 0 1rem; + padding: .5rem 1rem .5rem 1rem; @include respond-to('medium') { padding-left: 2rem; diff --git a/src/stylesheets/components/_adminHeader.scss b/src/stylesheets/components/_adminHeader.scss index 93dda1b..3f4b4f3 100644 --- a/src/stylesheets/components/_adminHeader.scss +++ b/src/stylesheets/components/_adminHeader.scss @@ -5,6 +5,7 @@ position: relative; background-color: white; z-index: 100; + height: 80px; .adminNav-toggle { position: absolute; diff --git a/src/stylesheets/components/_adminNav.scss b/src/stylesheets/components/_adminNav.scss index 34fc679..f5a532a 100644 --- a/src/stylesheets/components/_adminNav.scss +++ b/src/stylesheets/components/_adminNav.scss @@ -1,15 +1,15 @@ .adminNav { display: none; + box-sizing: border-box; flex-direction: column; justify-content: space-between; align-items: center; position: fixed; top: 0; width: 100vw; - height: 82vh; + height: 100vh; background-color: $primary-colour; - padding: 3rem 0; - padding-top: 5rem; + padding: 6rem 0 3rem 0; z-index: 50; &__profile { @@ -29,8 +29,14 @@ } .logout { + color: white; align-self: flex-end; text-decoration: underline; + + i { + text-decoration: none; + margin-right: 5px; + } } @include respond-to('large') { @@ -48,6 +54,5 @@ @include respond-to('large') { display: flex; width: 20vw; - height: 87vh; } }