From 640e633380aefe38f38428441217a6601caa2d23 Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Thu, 19 Mar 2026 16:36:31 +0000
Subject: [PATCH] Style tweaks

---
 app/pages/coming-soon.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/pages/coming-soon.vue b/app/pages/coming-soon.vue
index 37702d1..3e5761b 100644
--- a/app/pages/coming-soon.vue
+++ b/app/pages/coming-soon.vue
@@ -1,11 +1,15 @@
 <template>
   <div class="min-h-screen w-full flex flex-col items-center justify-center px-4">
-    <h1 class="text-display-xl font-bold mb-2 font-sans">Ghost Guild</h1>
-    <p v-if="!isAuthenticated" class="text-display-sm text-guild-400 mb-10 font-sans">Coming Soon</p>
+    <h1 class="text-display-xl font-bold mb-2 uppercase font-sans!">Ghost Guild</h1>
+    <p
+      v-if="!isAuthenticated"
+      class="text-display-sm text-guild-400 mb-10 uppercase py-4 text-center font-sans!">
+      Coming Soon
+    </p>
 
     <!-- Logged-in state -->
     <div v-if="isAuthenticated" class="w-full max-w-sm space-y-4 text-center mt-8">
-      <p class="text-guild-200 font-sans">
+      <p class="text-guild-200 font-sans py-4 text-center">
         Welcome, <strong class="text-guild-100">{{ memberData.name || memberData.email }}</strong>
         <button
           class="text-sm text-guild-400 hover:text-guild-200 underline transition-colors ml-2"
@@ -15,7 +19,7 @@
       </p>
       <a
         href="https://wiki.ghostguild.org"
-        class="block w-full py-3 px-4 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-lg text-center transition-colors font-sans">
+        class="inline-flex items-center justify-center py-3 px-6 bg-candlelight-500 hover:bg-candlelight-400 text-guild-900 font-semibold rounded-full uppercase tracking-wide transition-colors font-sans whitespace-nowrap">
         Go to Wiki
       </a>
     </div>
@@ -58,7 +62,7 @@
           :loading="isLoggingIn"
           :disabled="!isFormValid"
           size="lg"
-          class="w-full">
+          class="rounded-full uppercase tracking-wide font-semibold mx-auto whitespace-nowrap">
           Send Magic Link
         </UButton>
 
@@ -67,7 +71,7 @@
             Don't have an account?
             <a
               href="https://babyghosts.fund/ghost-guild/"
-              class="text-candlelight-400 hover:text-candlelight-300 font-medium">
+              class="text-candlelight-400 hover:text-candlelight-300 font-medium uppercase tracking-wide">
               Join Ghost Guild
             </a>
           </p>