Add floating badges to accounts (#8634)

* Add floating badges to accounts

* Adjust

* Reorder

packages/page-accounts/src/Accounts/Account.tsx

@@ -480,7 +480,7 @@ function Account ({ account: { address, meta }, className = '', delegation, filt
             onClick={_onFavorite}
           />
         </td>
-        <td className='address all'>
+        <td className='address all relative'>
           <AddressSmall
             parentAddress={meta.parentAddress}
             value={address}
@@ -585,9 +585,7 @@ function Account ({ account: { address, meta }, className = '', delegation, filt
               onClose={toggleUndelegate}
             />
           )}
-        </td>
-        <td className='number together'>
-          <div className='badges'>
+          <div className='absolute'>
             {meta.genesisHash
               ? <Badge color='transparent' />
               : isDevelopment

packages/page-accounts/src/Accounts/index.tsx

@@ -168,7 +168,7 @@ function Overview ({ className = '', onStatusChange }: Props): React.ReactElemen
 
       Object.values(ret).forEach((a): void => {
         a[0][1] = 'start';
-        a[0][2] = 3;
+        a[0][2] = 2;
 
         a.push(
           [undefined, 'balances'],

packages/react-components/src/Table/index.tsx

@@ -259,6 +259,13 @@ export default React.memo(styled(Table)`
 
       &.relative {
         position: relative;
+
+        .absolute {
+          position: absolute;
+          right: 0.125rem;
+          top: 0.375rem;
+          white-space: nowrap;
+        }
       }
 
       &.overflow {