Fixed arbitrary heights using box-sizing, clean up more loose styling

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;

src/stylesheets/components/_adminHeader.scss

@@ -5,6 +5,7 @@
 	position: relative;
 	background-color: white;
 	z-index: 100;
+	height: 80px;
 
 	.adminNav-toggle {
 		position: absolute;

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