From a7a026f87c41a1afa9b0d88e7181450f3455f375 Mon Sep 17 00:00:00 2001
From: Neeldhara Misra <neeldhara.misra@gmail.com>
Date: Tue, 22 Jul 2025 11:23:06 +0530
Subject: [PATCH] Fix Zeckendorf Search Trick: bottom-align button containers
 within cards

---
 src/components/ZeckendorfSearchTrick.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ZeckendorfSearchTrick.tsx b/src/components/ZeckendorfSearchTrick.tsx
index 65a9878..8a76c97 100644
--- a/src/components/ZeckendorfSearchTrick.tsx
+++ b/src/components/ZeckendorfSearchTrick.tsx
@@ -310,7 +310,7 @@ const ZeckendorfSearchTrick = ({ showSocialShare = true }: ZeckendorfSearchTrick
             <CardHeader className="pb-2">
               <CardTitle className="text-xl text-center">{card.title}</CardTitle>
             </CardHeader>
-            <CardContent className="pt-0">
+            <CardContent className="pt-0 flex flex-col h-full">
               <div className="grid grid-cols-4 gap-1 text-xs">
                 {card.numbers.map(num => (
                   <div 
@@ -326,12 +326,12 @@ const ZeckendorfSearchTrick = ({ showSocialShare = true }: ZeckendorfSearchTrick
                 ))}
               </div>
               
-              <div className="flex gap-2 mt-4">
+              <div className="flex gap-2 mt-4 mt-auto">
                 <Button
                   onClick={() => handleCardSelection(card.id, 'present')}
                   variant={cardStates[card.id] === 'present' ? 'default' : 'outline'}
                   size="sm"
-                  className="flex-1 aspect-square flex items-end justify-center"
+                  className="flex-1 aspect-square flex items-center justify-center"
                 >
                   ✅
                 </Button>
@@ -339,7 +339,7 @@ const ZeckendorfSearchTrick = ({ showSocialShare = true }: ZeckendorfSearchTrick
                   onClick={() => handleCardSelection(card.id, 'absent')}
                   variant={cardStates[card.id] === 'absent' ? 'default' : 'outline'}
                   size="sm"
-                  className="flex-1 aspect-square flex items-end justify-center"
+                  className="flex-1 aspect-square flex items-center justify-center"
                 >
                   ❌
                 </Button>