From 5c6df8466f3371fbfb936add9fe41efc8444ab22 Mon Sep 17 00:00:00 2001
From: Jaco <jacogr@gmail.com>
Date: Tue, 27 Dec 2022 09:22:49 +0200
Subject: [PATCH] Add floating badges to accounts (#8634)

* Add floating badges to accounts

* Adjust

* Reorder
---
 packages/page-accounts/src/Accounts/Account.tsx | 6 ++----
 packages/page-accounts/src/Accounts/index.tsx   | 2 +-
 packages/react-components/src/Table/index.tsx   | 7 +++++++
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/page-accounts/src/Accounts/Account.tsx b/packages/page-accounts/src/Accounts/Account.tsx
index d001f9e1fb..27cae336c7 100644
--- a/packages/page-accounts/src/Accounts/Account.tsx
+++ b/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
diff --git a/packages/page-accounts/src/Accounts/index.tsx b/packages/page-accounts/src/Accounts/index.tsx
index a3c9502338..3832ae0aef 100644
--- a/packages/page-accounts/src/Accounts/index.tsx
+++ b/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'],
diff --git a/packages/react-components/src/Table/index.tsx b/packages/react-components/src/Table/index.tsx
index d7798ae226..05b87f8089 100644
--- a/packages/react-components/src/Table/index.tsx
+++ b/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 {