fix: alignment when not logged in of title bar

Author: 0x4007

src/home/rendering/render-github-login-button.ts

@@ -1,5 +1,4 @@
 import { createClient } from "@supabase/supabase-js";
-import { toolbar } from "../ready-toolbar";
 import { renderErrorInModal } from "./display-popup-modal";
 
 declare const SUPABASE_URL: string; // @DEV: passed in at build time check build/esbuild-build.ts
@@ -50,12 +49,13 @@ export function renderAugmentAccessButton() {
 
 const gitHubLoginButton = document.createElement("button");
 export function renderGitHubLoginButton() {
+  const authentication = document.getElementById("authentication");
   gitHubLoginButton.id = "github-login-button";
   gitHubLoginButton.innerHTML = "<span>Login</span><span class='full'>&nbsp;With GitHub</span>";
   gitHubLoginButton.addEventListener("click", () => gitHubLoginButtonHandler());
-  if (toolbar) {
-    toolbar.appendChild(gitHubLoginButton);
-    toolbar.classList.add("ready");
+  if (authentication) {
+    authentication.appendChild(gitHubLoginButton);
+    authentication.classList.add("ready");
   }
 }
 

static/index.html

@@ -57,7 +57,7 @@
           ><span
             ><span class="full">Ubiquity DAO | </span><span class="mid">DevPool<input type="checkbox" id="view-toggle" disabled /></span></span></div></label
       ><div id="filters" class="filters-container"></div
-    ></div>
+    ><div id="authentication"></div></div>
     <div id="bottom-bar" class="toolbar"
       ><div id="filters-bottom" class="filters-container"></div><a href="https://dao.ubq.fi/devpool-flow" target="_blank"><button>FAQ</button></a></div
     >