From db88fa52c08736379e2c6c58a08deb525d13cf0f Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Thu, 15 Jan 2026 14:22:34 -0500
Subject: [PATCH] fix: wrap content with larger top padding container to show
 clock

---
 src/components/HomePage.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/HomePage.tsx b/src/components/HomePage.tsx
index 1fc652f..c9b0795 100644
--- a/src/components/HomePage.tsx
+++ b/src/components/HomePage.tsx
@@ -25,7 +25,8 @@ export default function HomePage({ prayers, todayCount, onStartPraying }: HomePa
   const uniqueDays = new Set(prayers.map(p => p.date)).size;
 
   return (
-    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 p-4 pb-32 pt-8">
+    <div className="min-h-screen bg-gradient-to-b from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800 px-4 pb-32">
+      <div className="pt-24">
       {/* Clock */}
       <div className="max-w-md mx-auto mb-8">
         <Clock />
@@ -100,6 +101,7 @@ export default function HomePage({ prayers, todayCount, onStartPraying }: HomePa
           </p>
         </div>
       )}
+      </div>
     </div>
   );
 }