From 1dea9c874e6f42173a79ffdd931e8711f68db55c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 21 Jul 2025 10:16:45 +0000
Subject: [PATCH] Center home button in share box

Center the home button below the share row, remove the surrounding box, and remove the text.
---
 src/components/SocialShare.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/SocialShare.tsx b/src/components/SocialShare.tsx
index 1b297fe..baf7dd3 100644
--- a/src/components/SocialShare.tsx
+++ b/src/components/SocialShare.tsx
@@ -204,19 +204,16 @@ const SocialShare: React.FC<SocialShareProps> = ({
               </div>
             </DialogContent>
           </Dialog>
-          
-          {/* Home button */}
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={() => window.location.href = '/'}
-            className="flex items-center gap-2"
-          >
-            <Home className="w-4 h-4" />
-            <span className="hidden sm:inline">Home</span>
-          </Button>
         </div>
       </div>
+      
+      {/* Centered Home Icon */}
+      <div className="flex justify-center mt-4">
+        <Home 
+          className="w-6 h-6 text-muted-foreground hover:text-foreground cursor-pointer transition-colors" 
+          onClick={() => window.location.href = '/'}
+        />
+      </div>
     </div>
   );
 };