Header Buttons corrected

Author: Davidtiger92

src/app/_common/header/buttons/buttons.hbs

@@ -1,13 +1,13 @@
 <div class="header-block header-block-buttons">
-	<button type="button" class="btn btn-secondary btn-sm rounded-s buttons">
+	<a href="https://github.com/modularcode/modular-admin-html" class="btn btn-primary-outline btn-sm rounded-s header-btn">
 		<i class="fa fa-github-alt"></i>
 		View on GitHub
-	</button>
-	<button type="button" class="btn btn-secondary btn-sm rounded-s buttons">
+	</a>
+	<a href="https://github.com/modularcode/modular-admin-html/archive/master.zip" class="btn btn-primary-outline btn-sm rounded-s header-btn">
 		<i class="fa fa-cloud-download"></i>
 		Download .zip
-	</button>
-	<button type="button" class="btn btn-secondary btn-sm rounded-s buttons">
+	</a>
+	<button type="button" class="btn btn-primary-outline btn-sm rounded-s buttons header-btn">
 		<i class="fa fa-share-alt"></i>
 		Share
 	</button>

src/app/_common/header/buttons/buttons.scss

@@ -3,24 +3,18 @@
 	margin-left: auto;
 	margin-right: auto;
 
-	.buttons {
-		background-color: $color-divider;
+	.header-btn {
 		border: 1px solid $color-text;
+		color: $color-text;
 	}
 
-	button:hover {
-		background-color: $color-divider;
-		border-color: $color-primary;
-		color: $color-primary;
+	.header-btn:hover {
+		border: 1px solid $color-primary;
+		color: #ffffff;
 	}
 
-	button:active {
-		background-color: $color-divider;
-		border-color: $color-primary;
-	}
-
-	button:focus {
-		background-color: $color-divider;
-		border-color: $color-primary;
+	.header-btn:focus {
+		border: 1px solid $color-primary;
+		color: #ffffff;
 	}
 }