From cc82f8102a3e63bed67fd95e45456c6c4e94cb96 Mon Sep 17 00:00:00 2001
From: neodk2004 <barac.daniel@gmail.com>
Date: Tue, 11 Aug 2026 10:32:12 +0200
Subject: [PATCH] fix(onboarding): move LanguageSwitcher out of absolute
 positioning to avoid mobile overlap

Absolutely positioning it at top-4 right-4 over the centered content
overlapped the step headings on narrow viewports (reported live).
Gives it its own row in a flex-col layout instead, so it never
competes for space with the card content below it.
---
 src/app/onboarding/pet/page.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/app/onboarding/pet/page.tsx b/src/app/onboarding/pet/page.tsx
index 2b53747..481eda7 100644
--- a/src/app/onboarding/pet/page.tsx
+++ b/src/app/onboarding/pet/page.tsx
@@ -83,11 +83,13 @@ export default function OnboardingPetPage() {
   }
 
   return (
-    <main className="relative min-h-screen flex items-center justify-center bg-background px-4">
-      <div className="absolute top-4 right-4">
+    <main className="min-h-screen flex flex-col bg-background">
+      <div className="flex justify-end p-4">
         <LanguageSwitcher />
       </div>
-      {content}
+      <div className="flex-1 flex items-center justify-center px-4 pb-8">
+        {content}
+      </div>
     </main>
   );
 }