From 9af20469ee186c1ddabcc44522add8d67cbe9a45 Mon Sep 17 00:00:00 2001
From: Hugo <exo-ops@proton.me>
Date: Sun, 22 Mar 2026 15:09:18 +0100
Subject: [PATCH] ui: better cta

---
 index.html | 18 +++++++-----------
 style.css  | 32 ++++++++------------------------
 2 files changed, 15 insertions(+), 35 deletions(-)

diff --git a/index.html b/index.html
index 63ba749..db348f7 100644
--- a/index.html
+++ b/index.html
@@ -19,18 +19,14 @@
       <a href="https://atproto.com">AT Protocol</a>.
     </p>
 
-    <div class="cta-group">
-      <a class="cta" href="https://app.exosphere.site">
-        Open the app
-      </a>
-      <a class="cta cta-secondary" href="https://tangled.org/exosphere.site">
-        Source on Tangled
-      </a>
-    </div>
-
-    <a class="link-below" href="https://bsky.app/profile/exosphere.site">
-      @exosphere.site on Bluesky
+    <a class="cta" href="https://app.exosphere.site">
+      Open the app
     </a>
+
+    <div class="links">
+      <a href="https://tangled.org/exosphere.site">Source on Tangled</a>
+      <a href="https://bsky.app/profile/exosphere.site">@exosphere.site on Bluesky</a>
+    </div>
   </main>
 </body>
 
diff --git a/style.css b/style.css
index bbd865d..f9775be 100644
--- a/style.css
+++ b/style.css
@@ -83,18 +83,8 @@ h1 {
   gap: 12px;
 }
 
-.cta-group {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 12px;
-}
-
 .cta {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-inline-size: 200px;
+  display: inline-block;
   background: var(--color-primary);
   color: #fff;
   font-family: var(--font-heading);
@@ -110,24 +100,18 @@ h1 {
   background: var(--color-primary-hover);
 }
 
-.cta-secondary {
-  background: transparent;
-  color: var(--color-primary);
-  border: 2px solid var(--color-primary);
-}
-
-.cta-secondary:hover {
-  background: var(--color-primary);
-  color: #fff;
+.links {
+  margin-block-start: 24px;
+  display: flex;
+  gap: 24px;
+  font-size: 0.9rem;
 }
 
-.link-below {
-  margin-block-start: 24px;
+.links a {
   color: var(--color-text-muted);
-  font-size: 0.9rem;
   text-decoration: none;
 }
 
-.link-below:hover {
+.links a:hover {
   color: var(--color-primary);
 }
-- 
2.51.2