From 6bb069273f0a34f92b9d34006953afa2b0e0eec6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 29 Jan 2026 20:43:13 +0000
Subject: [PATCH] fix: restore justify-between spacing for list variant
 ActionButtons

The card refactor in commit 277364c consolidated grid and list
ActionButtons into a single component but lost the justify-between
class for the list variant, causing engagement buttons to be squeezed
together on mobile (iOS) where list layout is used.

https://claude.ai/code/session_019itBL149wEbuFBkFK9vvvF
---
 .../shared/src/components/cards/common/ActionButtons.tsx   | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/packages/shared/src/components/cards/common/ActionButtons.tsx b/packages/shared/src/components/cards/common/ActionButtons.tsx
index 292ec8b61f..7e34a264c7 100644
--- a/packages/shared/src/components/cards/common/ActionButtons.tsx
+++ b/packages/shared/src/components/cards/common/ActionButtons.tsx
@@ -147,12 +147,7 @@ const ActionButtons = ({
         className,
       )}
     >
-      <div
-        className={classNames(
-          'flex items-center',
-          variant === 'grid' && 'flex-1 justify-between',
-        )}
-      >
+      <div className="flex flex-1 items-center justify-between">
         <Tooltip
           content={isUpvoteActive ? 'Remove upvote' : 'More like this'}
           side={variant === 'grid' ? 'bottom' : undefined}