From 8ce5fae25c2a757802cce45b6b9b45c082dec5d4 Mon Sep 17 00:00:00 2001
From: FalahMobile <wanjauhari@gmail.com>
Date: Mon, 15 Jun 2026 09:50:13 +0100
Subject: [PATCH] Fix QA issues: bottom padding consistency and sign-out
 spacing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- dhikr, nur, upgrade: pb-20 → pb-24 on guest/loading screens for
  consistent clearance above the 64px bottom nav
- profile: add mb-4 to sign-out wrapper so it doesn't flush the nav

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/dhikr/page.tsx   | 4 ++--
 src/app/nur/page.tsx     | 2 +-
 src/app/profile/page.tsx | 2 +-
 src/app/upgrade/page.tsx | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/dhikr/page.tsx b/src/app/dhikr/page.tsx
index 755b779..6201a8f 100644
--- a/src/app/dhikr/page.tsx
+++ b/src/app/dhikr/page.tsx
@@ -109,7 +109,7 @@ export default function DhikrPage() {
 
   if (!user) {
     return (
-      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-20">
+      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-24">
         <div className="text-5xl mb-6">📿</div>
         <h2 className="text-xl font-bold text-gray-900 mb-2">Daily Dhikr</h2>
         <p className="text-gray-500 text-sm text-center mb-8">
@@ -125,7 +125,7 @@ export default function DhikrPage() {
 
   if (loading) {
     return (
-      <div className="min-h-dvh flex items-center justify-center bg-[#f5f4f0] pb-20">
+      <div className="min-h-dvh flex items-center justify-center bg-[#f5f4f0] pb-24">
         <div className="w-8 h-8 rounded-full border-2 border-emerald-700/30 border-t-emerald-700 animate-spin" />
       </div>
     )
diff --git a/src/app/nur/page.tsx b/src/app/nur/page.tsx
index 5d93dee..44d4709 100644
--- a/src/app/nur/page.tsx
+++ b/src/app/nur/page.tsx
@@ -173,7 +173,7 @@ export default function NurPage() {
 
   if (!user) {
     return (
-      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-20">
+      <div className="min-h-dvh flex flex-col items-center justify-center bg-[#f5f4f0] px-6 pb-24">
         <div className="w-20 h-20 rounded-3xl bg-gradient-to-br from-violet-500 to-purple-600 flex items-center justify-center mb-6 shadow-lg">
           <Bot size={36} className="text-white" />
         </div>
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index 5aa8566..3909b50 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -200,7 +200,7 @@ export default function ProfilePage() {
       </div>
 
       {/* Sign Out */}
-      <div className="mx-4">
+      <div className="mx-4 mb-4">
         <button
           onClick={() => {
             if (typeof window !== 'undefined') {
diff --git a/src/app/upgrade/page.tsx b/src/app/upgrade/page.tsx
index 6a4f650..a4ceae0 100644
--- a/src/app/upgrade/page.tsx
+++ b/src/app/upgrade/page.tsx
@@ -101,7 +101,7 @@ function UpgradeContent() {
   }
 
   if (authLoading) return (
-    <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-20">
+    <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-24">
       <div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" />
     </div>
   )
@@ -206,7 +206,7 @@ function UpgradeContent() {
 export default function UpgradePage() {
   return (
     <Suspense fallback={
-      <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-20">
+      <div className="min-h-dvh bg-[#f5f4f0] flex items-center justify-center pb-24">
         <div className="w-8 h-8 rounded-full border-2 border-emerald-300 border-t-emerald-600 animate-spin" />
       </div>
     }>