style: login button

Author: 0x4007

src/home/github-login-button.ts

@@ -23,7 +23,7 @@ async function gitHubLoginButton() {
 export function renderGitHubLoginButton() {
   const button = document.createElement("button");
   button.id = "github-login-button";
-  button.textContent = "Login with GitHub";
+  button.textContent = "Login";
   button.addEventListener("click", gitHubLoginButton);
   const toolbar = document.getElementById("toolbar");
   if (!toolbar) throw new Error("toolbar not found");

static/style/style.css

@@ -14,7 +14,7 @@
 }
 #branding > span {
   padding: 8px;
-  line-height: 1;
+  /* line-height: 1; */
 }
 html,
 body {
@@ -264,14 +264,14 @@ button:active {
   align-items: center;
   display: inline-flex;
   text-align: left;
-  padding: 8px 16px;
+  margin: 0 16px;
 }
-#toolbar > *:first-child {
+/* #toolbar > *:first-child {
   padding-left: 16px;
 }
 #toolbar > *:last-child {
   padding-right: 16px;
-}
+} */
 #authenticated > * {
   display: inline-flex;
   align-items: center;
@@ -322,3 +322,7 @@ button:active {
     display: unset;
   }
 }
+
+#toolbar > button {
+  text-align: center;
+}