From b61a022e29b0bb221903835e5702f8421fc4c98d Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Thu, 29 Dec 2022 11:36:06 +0200
Subject: [PATCH] Move society payout button (#8654)

* Move society payout button

* Move absolute alignment
---
 packages/page-society/src/Overview/Member.tsx | 15 +++++++--------
 packages/react-components/src/Table/index.tsx |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/page-society/src/Overview/Member.tsx b/packages/page-society/src/Overview/Member.tsx
index 4bff8a8139..01ade9dbff 100644
--- a/packages/page-society/src/Overview/Member.tsx
+++ b/packages/page-society/src/Overview/Member.tsx
@@ -56,7 +56,7 @@ function Member ({ bestNumber, className = '', value: { accountId, isCandidateVo
     [bestNumber, payouts]
   );
 
-  const isMember = useMemo(
+  const isOwner = useMemo(
     () => allAccounts.some((a) => a === key),
     [allAccounts, key]
   );
@@ -130,22 +130,21 @@ function Member ({ bestNumber, className = '', value: { accountId, isCandidateVo
             summary={t<string>('Payouts ({{count}})', { replace: { count: formatNumber(payouts.length) } })}
           />
         )}
-      </td>
-      <td className='together'>{votedOn}</td>
-      <td className='number'>{formatNumber(strikes)}</td>
-      <td className='button start'>
-        <DesignKusama accountId={accountId} />
-        {availablePayout && (
+        {isOwner && availablePayout && (
           <TxButton
             accountId={accountId}
             icon='ellipsis-h'
-            isDisabled={!isMember}
             label='Payout'
             params={[]}
             tx={api.tx.society.payout}
           />
         )}
       </td>
+      <td className='together'>{votedOn}</td>
+      <td className='number'>{formatNumber(strikes)}</td>
+      <td className='button start'>
+        <DesignKusama accountId={accountId} />
+      </td>
     </tr>
   );
 }
diff --git a/packages/react-components/src/Table/index.tsx b/packages/react-components/src/Table/index.tsx
index 114a8e93c4..861f340e4d 100644
--- a/packages/react-components/src/Table/index.tsx
+++ b/packages/react-components/src/Table/index.tsx
@@ -291,7 +291,7 @@ export default React.memo(styled(Table)`
         .absolute {
           position: absolute;
           right: 0;
-          top: 0.25rem;
+          top: 0.75rem;
           white-space: nowrap;
         }
       }