From c9618124dce2525b880b5ebfaab602959bfa5089 Mon Sep 17 00:00:00 2001
From: Juliet <m@juli.ee>
Date: Sat, 6 Dec 2025 09:42:39 +0100
Subject: [PATCH] restyle account manager button

---
 src/auth/account.tsx        |  2 +-
 src/auth/login.tsx          | 14 +++++++-------
 src/auth/scope-selector.tsx | 14 ++++++--------
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/auth/account.tsx b/src/auth/account.tsx
index 7e8fb99..af44526 100644
--- a/src/auth/account.tsx
+++ b/src/auth/account.tsx
@@ -152,7 +152,7 @@ export const AccountManager = () => {
             </div>
             <button
               onclick={() => setShowingAddAccount(true)}
-              class="flex w-full items-center justify-center gap-2 rounded-md border-[0.5px] border-neutral-300 bg-white px-3 py-2 hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
+              class="flex w-full items-center justify-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100 px-3 py-2 hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
             >
               <span class="iconify lucide--user-plus"></span>
               <span>Add account</span>
diff --git a/src/auth/login.tsx b/src/auth/login.tsx
index a6703a8..85eb0b5 100644
--- a/src/auth/login.tsx
+++ b/src/auth/login.tsx
@@ -45,7 +45,7 @@ export const Login = (props: LoginProps) => {
             <div class="font-semibold">Add account</div>
           </div>
         </Show>
-        <form onsubmit={(e) => e.preventDefault()}>
+        <form class="flex flex-col gap-2" onsubmit={(e) => e.preventDefault()}>
           <label for="username" class="hidden">
             Add account
           </label>
@@ -66,13 +66,13 @@ export const Login = (props: LoginProps) => {
               class="grow py-1 select-none placeholder:text-sm focus:outline-none"
               onInput={(e) => setLoginInput(e.currentTarget.value)}
             />
-            <button
-              onclick={() => initiateLogin(loginInput())}
-              class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"
-            >
-              <span class="iconify lucide--log-in"></span>
-            </button>
           </div>
+          <button
+            onclick={() => initiateLogin(loginInput())}
+            class="grow rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100 px-3 py-2 hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
+          >
+            Continue
+          </button>
         </form>
       </Show>
 
diff --git a/src/auth/scope-selector.tsx b/src/auth/scope-selector.tsx
index 44af221..95f363d 100644
--- a/src/auth/scope-selector.tsx
+++ b/src/auth/scope-selector.tsx
@@ -75,14 +75,12 @@ export const ScopeSelector = (props: ScopeSelectorProps) => {
           )}
         </For>
       </div>
-      <div class="mt-2 flex gap-2">
-        <button
-          onclick={handleConfirm}
-          class="grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-3 py-1.5 hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
-        >
-          Continue
-        </button>
-      </div>
+      <button
+        onclick={handleConfirm}
+        class="mt-2 grow rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100 px-3 py-2 hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
+      >
+        Continue
+      </button>
     </div>
   );
 };
-- 
2.51.2