Styling cleanups for admin pages

src/stylesheets/abstracts/_variables.scss

@@ -6,6 +6,7 @@ $text-colour: rgb(34, 34, 34) !default;
 $primary-colour:  #d71433;
 $secondary-colour:  #46b43d;
 $grey: #505050;
+$admin-bg: #e5e5e5;
 
 $primary-colour-dark: darken-colour($primary-colour);
 $secondary-colour-dark: darken-colour($secondary-colour);

src/stylesheets/components/_admin.scss

@@ -20,27 +20,27 @@
 }
 
 .adminTable {
-	background-color: #E5E5E5;
+	background-color: $admin-bg;
 	padding: 1rem;
 	border-radius: 15px;
 
 	table {
 		width: 100%;
-
+		border-spacing: 0;
 	}
 
-	tr {
+	tbody tr {
 		@include on-event() {
 			background-color: white;
 			cursor: pointer;
 		}
 	}
 
-	td {
-		padding: .5rem;
-
-		&:last-child {
-			width: 100%;
+	th {
+		text-align: left;
 	}
+
+	td, th {
+		padding: .5rem 1rem;
 	}
 }

src/stylesheets/components/_adminNav.scss

@@ -10,6 +10,7 @@
 	background-color: $primary-colour;
 	padding: 3rem 0;
 	padding-top: 5rem;
+	z-index: 50;
 
 	a {
 		color: white;

src/stylesheets/pages/_dashboard.scss

@@ -1,6 +1,6 @@
 .adminContent {
 	min-height: 91vh;
-	background-color: #E5E5E5;
+	background-color: $admin-bg;
 	padding: .5rem 2rem 0 2rem;
 
 	.dashboard__stats {