From 9364da3414c6dab389c9d23ca8095cbe99f5c004 Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Mon, 16 Mar 2026 18:44:31 +0700
Subject: [PATCH] fix(website): fix horizontal scroll on mobile

The APK tooltip with whitespace-nowrap and centered positioning
overflowed past the viewport on narrow screens. Anchor it to the
right on mobile, center it on sm+. Also stack nav logo and menu
vertically on mobile.
---
 packages/website/src/components/landing-page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/landing-page.tsx b/packages/website/src/components/landing-page.tsx
index 20d7f3273..35a929e6d 100644
--- a/packages/website/src/components/landing-page.tsx
+++ b/packages/website/src/components/landing-page.tsx
@@ -155,7 +155,7 @@ export function LandingPage({ title, subtitle }: LandingPageProps) {
 
 function Nav() {
   return (
-    <nav className="flex items-center justify-between mb-16">
+    <nav className="flex flex-col sm:flex-row items-center sm:justify-between gap-4 mb-16">
       <div className="flex items-center gap-3">
         <a href="/" className="flex items-center gap-3">
           <img src="/logo.svg" alt="Paseo" className="w-7 h-7" />
@@ -388,7 +388,7 @@ function GetStarted() {
           aria-label="Download APK"
         >
           <AndroidIcon className="h-5 w-5" />
-          <span className="absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 rounded bg-white text-black text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
+          <span className="absolute -top-8 right-0 sm:right-auto sm:left-1/2 sm:-translate-x-1/2 px-2 py-1 rounded bg-white text-black text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
             Download APK (Play Store coming soon)
           </span>
         </a>