From fd8795821e600afd8b06ece1e8ec0ddd7f38d4bb Mon Sep 17 00:00:00 2001
From: Jon Staab <jstaab@protonmail.com>
Date: Mon, 29 Jun 2026 17:20:55 -0700
Subject: [PATCH] Fix some display bugs

---
 src/app/components/LogIn.svelte     | 2 +-
 src/app/components/RelayItem.svelte | 2 +-
 src/app/components/SignUp.svelte    | 2 +-
 src/lib/components/primary-nav.css  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/LogIn.svelte b/src/app/components/LogIn.svelte
index 636893a2..0429405c 100644
--- a/src/app/components/LogIn.svelte
+++ b/src/app/components/LogIn.svelte
@@ -136,7 +136,7 @@
       Log in with Remote Signer
     </Button>
     {#if hasPomade && hasSigner}
-      <Button {disabled} onclick={loginWithEmail}>
+      <Button {disabled} onclick={loginWithEmail} class="button button-neutral">
         <Icon icon={Letter} />
         Log in with Email
       </Button>
diff --git a/src/app/components/RelayItem.svelte b/src/app/components/RelayItem.svelte
index ca52a812..f2970ebe 100644
--- a/src/app/components/RelayItem.svelte
+++ b/src/app/components/RelayItem.svelte
@@ -14,7 +14,7 @@
   const connections = $derived($relayStats?.open_count || 0)
 </script>
 
-<Card sm class="flex flex-colap-2">
+<Card sm class="flex flex-col gap-2">
   <div class="flex items-center justify-between gap-4">
     <div class="ellipsize flex items-center gap-2">
       <Icon icon={Server} />
diff --git a/src/app/components/SignUp.svelte b/src/app/components/SignUp.svelte
index 28b65ad9..9e5f6164 100644
--- a/src/app/components/SignUp.svelte
+++ b/src/app/components/SignUp.svelte
@@ -114,7 +114,7 @@
     </Button>
     <div class="text-sm">
       Already have an account?
-      <Button class="button button-link" onclick={login}>Log in instead</Button>
+      <Button class="link" onclick={login}>Log in instead</Button>
     </div>
   </ModalBody>
 </Modal>
diff --git a/src/lib/components/primary-nav.css b/src/lib/components/primary-nav.css
index 4f7a9287..78dc42ef 100644
--- a/src/lib/components/primary-nav.css
+++ b/src/lib/components/primary-nav.css
@@ -14,7 +14,7 @@
 
   .primary-nav__nav-item::after {
     content: "";
-    @apply absolute top-1/2 -left-1 h-0 w-1 -translate-y-1/2 rounded-r;
+    @apply absolute top-1/2 -left-1 h-0 w-1 -translate-y-1/2 rounded-r max-md:hidden;
     background-color: var(--content);
     transition: height 150ms ease;
   }