From f8734120292924aa654d7a9d56ae1fab4ab28300 Mon Sep 17 00:00:00 2001
From: marks <markskram@protonmail.com>
Date: Fri, 9 Jan 2026 21:10:00 -0600
Subject: [PATCH 1/2] Move the APK download link up in the "production" area of
 the box

---
 frontend/src/routes/downloads.tsx | 78 ++++++++++++++++---------------
 1 file changed, 41 insertions(+), 37 deletions(-)

diff --git a/frontend/src/routes/downloads.tsx b/frontend/src/routes/downloads.tsx
index 6ebba39e..02277fd8 100644
--- a/frontend/src/routes/downloads.tsx
+++ b/frontend/src/routes/downloads.tsx
@@ -195,20 +195,22 @@ function DownloadPage() {
               <p className="text-[hsl(var(--marketing-text-muted))] mb-6 flex-grow">
                 Download our native iOS app for iPhones and iPads.
               </p>
-              <div className="flex flex-col items-center gap-4">
-                <a
-                  href="https://apps.apple.com/us/app/id6743764835"
-                  className="inline-block"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <img
-                    src="/app-store-badge.svg"
-                    alt="Download on the App Store"
-                    className="h-12"
-                  />
-                </a>
-                <div className="w-full border-t border-[hsl(var(--marketing-card-border))] pt-4">
+              <div className="flex flex-col items-center">
+                <div className="h-[80px] flex items-center justify-center">
+                  <a
+                    href="https://apps.apple.com/us/app/id6743764835"
+                    className="inline-block"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    <img
+                      src="/app-store-badge.svg"
+                      alt="Download on the App Store"
+                      className="h-12"
+                    />
+                  </a>
+                </div>
+                <div className="w-full border-t border-[hsl(var(--marketing-card-border))] pt-4 mt-4">
                   <p className="text-[hsl(var(--marketing-text-muted))] text-sm mb-3 text-center">
                     Want to test the latest features before they hit the App Store? Join our beta
                     program.
@@ -239,21 +241,31 @@ function DownloadPage() {
                 <p className="text-[hsl(var(--marketing-text-muted))] mb-6 flex-grow">
                   Download our native Android app for phones and tablets.
                 </p>
-                <div className="flex flex-col items-center gap-4">
-                  <a
-                    href="https://play.google.com/store/apps/details?id=cloud.opensecret.maple"
-                    className="inline-block"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    <img
-                      src="/google-play-badge.png"
-                      alt="Get it on Google Play"
-                      className="h-12"
-                    />
-                  </a>
-                  <div className="w-full border-t border-[hsl(var(--marketing-card-border))] pt-4">
-                    <p className="text-[hsl(var(--marketing-text-muted))] text-sm mb-3 text-center">
+                <div className="flex flex-col items-center">
+                  <div className="h-[80px] flex flex-col items-center justify-center gap-1">
+                    <a
+                      href="https://play.google.com/store/apps/details?id=cloud.opensecret.maple"
+                      className="inline-block"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      <img
+                        src="/google-play-badge.png"
+                        alt="Get it on Google Play"
+                        className="h-12"
+                      />
+                    </a>
+                    <a
+                      href={downloadUrls.androidApk}
+                      className="text-xs text-[hsl(var(--marketing-text-muted))] hover:text-foreground hover:underline"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      or download APK directly
+                    </a>
+                  </div>
+                  <div className="w-full border-t border-[hsl(var(--marketing-card-border))] pt-4 mt-4">
+                    <p className="text-[hsl(var(--marketing-text-muted))] text-sm mb-5 text-center">
                       Want to test the latest features before they hit the Play Store? Join our beta
                       program.
                     </p>
@@ -269,14 +281,6 @@ function DownloadPage() {
                       >
                         Join Google Play Beta
                       </a>
-                      <a
-                        href={downloadUrls.androidApk}
-                        className="text-xs text-[hsl(var(--marketing-text-muted))] hover:text-foreground hover:underline"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        or download APK directly
-                      </a>
                     </div>
                   </div>
                 </div>

From 0958bb8dde6c5d5b9c28b66d9533f7dfadfb1bc2 Mon Sep 17 00:00:00 2001
From: marks <markskram@protonmail.com>
Date: Fri, 9 Jan 2026 21:30:53 -0600
Subject: [PATCH 2/2] Adjust layout based on code review

---
 frontend/src/routes/downloads.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/downloads.tsx b/frontend/src/routes/downloads.tsx
index 02277fd8..ae439dba 100644
--- a/frontend/src/routes/downloads.tsx
+++ b/frontend/src/routes/downloads.tsx
@@ -238,11 +238,11 @@ function DownloadPage() {
                   <Android className="w-6 h-6 text-[hsl(var(--purple))]" />
                 </div>
                 <h3 className="text-xl font-medium mb-2">Android</h3>
-                <p className="text-[hsl(var(--marketing-text-muted))] mb-6 flex-grow">
+                <p className="text-[hsl(var(--marketing-text-muted))] mb-6">
                   Download our native Android app for phones and tablets.
                 </p>
                 <div className="flex flex-col items-center">
-                  <div className="h-[80px] flex flex-col items-center justify-center gap-1">
+                  <div className="h-[80px] flex flex-col items-center justify-center gap-2">
                     <a
                       href="https://play.google.com/store/apps/details?id=cloud.opensecret.maple"
                       className="inline-block"
@@ -265,7 +265,7 @@ function DownloadPage() {
                     </a>
                   </div>
                   <div className="w-full border-t border-[hsl(var(--marketing-card-border))] pt-4 mt-4">
-                    <p className="text-[hsl(var(--marketing-text-muted))] text-sm mb-5 text-center">
+                    <p className="text-[hsl(var(--marketing-text-muted))] text-sm mb-3 text-center">
                       Want to test the latest features before they hit the Play Store? Join our beta
                       program.
                     </p>