diff --git a/src/home/github-login-button.ts b/src/home/github-login-button.ts index 9c5b7233..268edf93 100644 --- a/src/home/github-login-button.ts +++ b/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"); diff --git a/static/style/style.css b/static/style/style.css index 7c150544..0baa4706 100644 --- a/static/style/style.css +++ b/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; +}