From ea6be269bb50a8541addebf803180ad846597ff9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sun, 12 Mar 2023 23:12:10 +0100
Subject: [PATCH] Fix: Long handles don't get truncated in Follow Requests menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../components/account-authorize.tsx          | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/app/soapbox/features/follow-requests/components/account-authorize.tsx b/app/soapbox/features/follow-requests/components/account-authorize.tsx
index 01b894c4c..a2ab88450 100644
--- a/app/soapbox/features/follow-requests/components/account-authorize.tsx
+++ b/app/soapbox/features/follow-requests/components/account-authorize.tsx
@@ -35,27 +35,29 @@ const AccountAuthorize: React.FC<IAccountAuthorize> = ({ id }) => {
   if (!account) return null;
 
   return (
-    <HStack space={1} alignItems='center' justifyContent='between' className='p-2.5'>
-      <div className='w-full'>
-        <Account account={account} withRelationship={false} />
-      </div>
-      <HStack space={2}>
-        <Button
-          theme='secondary'
-          size='sm'
-          text={intl.formatMessage(messages.authorize)}
-          icon={require('@tabler/icons/check.svg')}
-          onClick={onAuthorize}
-        />
-        <Button
-          theme='danger'
-          size='sm'
-          text={intl.formatMessage(messages.reject)}
-          icon={require('@tabler/icons/x.svg')}
-          onClick={onReject}
-        />
-      </HStack>
-    </HStack>
+    <div className='p-2.5'>
+      <Account
+        account={account}
+        action={
+          <HStack className='ml-1' space={2}>
+            <Button
+              theme='secondary'
+              size='sm'
+              text={intl.formatMessage(messages.authorize)}
+              icon={require('@tabler/icons/check.svg')}
+              onClick={onAuthorize}
+            />
+            <Button
+              theme='danger'
+              size='sm'
+              text={intl.formatMessage(messages.reject)}
+              icon={require('@tabler/icons/x.svg')}
+              onClick={onReject}
+            />
+          </HStack>
+        }
+      />
+    </div>
   );
 };