From 12424253eec6bdfd77c6cbe30473d0e77883bc28 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Fri, 14 Nov 2025 23:22:36 +0000
Subject: [PATCH] Fix CardHeader layout for mobile button visibility

cgen-07a29c85ab2a46eb9f3343a8422120b4
---
 client/components/social/FeedItemCard.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/client/components/social/FeedItemCard.tsx b/client/components/social/FeedItemCard.tsx
index fde6e692..bca5c87a 100644
--- a/client/components/social/FeedItemCard.tsx
+++ b/client/components/social/FeedItemCard.tsx
@@ -118,9 +118,8 @@ export function FeedItemCard({
       armColor.bg,
       "bg-background/70"
     )}>
-      <CardHeader className="pb-0 p-4 sm:p-5 lg:p-6">
-        <div className="flex items-start justify-between gap-4">
-          <div className="flex flex-1 items-start gap-3">
+      <CardHeader className="pb-0 p-4 sm:p-5 lg:p-6 !flex !flex-row items-start justify-between gap-3 space-y-0">
+        <div className="flex flex-1 items-start gap-3">
             <Avatar className="h-12 w-12 ring-2 ring-aethex-500/30">
               <AvatarImage
                 src={item.authorAvatar || undefined}
@@ -140,8 +139,8 @@ export function FeedItemCard({
                 </Badge>
               </div>
             </div>
-          </div>
-          <Button
+        </div>
+        <Button
             size="sm"
             variant={isFollowing ? "outline" : "default"}
             onClick={() => onToggleFollow(item.authorId)}
@@ -153,8 +152,7 @@ export function FeedItemCard({
             )}
           >
             {isFollowing ? "Following" : "Follow"}
-          </Button>
-        </div>
+        </Button>
       </CardHeader>
       <CardContent className="space-y-4 sm:space-y-5 lg:space-y-6 p-4 sm:p-5 lg:p-6">
         {hasMedia && (