Improved styling with GitHub login/register buttons

frontend/App.vue

@@ -55,9 +55,6 @@
 			}
 		},
 		ready() {
-			Toast.methods.addToast('Hiasd', 50000);
-			Toast.methods.addToast('Hiasd', 50000);
-			Toast.methods.addToast('Hiasd', 50000);
 			let _this = this;
 			auth.getStatus((authenticated, role, username, userId) => {
 				_this.socket = window.socket;

frontend/components/Modals/Login.vue

@@ -19,7 +19,10 @@
 			</section>
 			<footer class='modal-card-foot'>
 				<a class='button is-primary' @click='submitModal("login")'>Submit</a>
-				<a class='button is-primary' :href='$parent.serverDomain + "/auth/github/authorize"'>Log in with GitHub</a>
+				<a class='button is-github' :href='$parent.serverDomain + "/auth/github/authorize"'>
+					<i class='fa fa-github' aria-hidden='true'></i>
+					&nbsp;&nbsp;Login with GitHub
+				</a>
 			</footer>
 		</div>
 	</div>
@@ -37,4 +40,11 @@
 			}
 		}
 	}
-</script>
+</script>
+
+<style type='scss' scoped>
+	.button.is-github {
+		background-color: #333 !important;
+		color: #fff !important;
+	}
+</style>

frontend/components/Modals/Register.vue

@@ -24,7 +24,10 @@
 			</section>
 			<footer class='modal-card-foot'>
 				<a class='button is-primary' @click='submitModal()'>Submit</a>
-				<a class='button is-primary' :href='$parent.serverDomain + "/auth/github/authorize"'>Register with GitHub</a>
+				<a class='button is-github' :href='$parent.serverDomain + "/auth/github/authorize"'>
+					<i class='fa fa-github' aria-hidden='true'></i>
+					&nbsp;&nbsp;Register with GitHub
+				</a>
 			</footer>
 		</div>
 	</div>
@@ -55,4 +58,11 @@
 			}
 		}
 	}
-</script>
+</script>
+
+<style type='scss' scoped>
+	.button.is-github {
+		background-color: #333 !important;
+		color: #fff !important;
+	}
+</style>