From cb9abbdabbab8f2b00dd0dd1fd1e7232c7dca439 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Sat, 27 Jun 2020 15:11:01 +0200
Subject: [PATCH] Adjust asteriks layouts (#3068)

---
 packages/page-council/src/Motions/Motion.tsx | 2 +-
 packages/page-treasury/src/Overview/Tip.tsx  | 8 ++++----
 packages/page-treasury/src/Overview/Tips.tsx | 4 ++--
 packages/react-components/src/Table/Head.tsx | 4 ++++
 4 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/packages/page-council/src/Motions/Motion.tsx b/packages/page-council/src/Motions/Motion.tsx
index 762cbcf0c1..d7f0579630 100644
--- a/packages/page-council/src/Motions/Motion.tsx
+++ b/packages/page-council/src/Motions/Motion.tsx
@@ -103,7 +103,7 @@ function Motion ({ className = '', isMember, members, motion: { hash, proposal,
         )}
       </td>
       <td className='badge'>
-        {isVoteable && (
+        {isMember && (
           <Icon
             color={hasVoted ? (hasVotedAye ? 'green' : 'red') : 'gray'}
             icon='asterisk'
diff --git a/packages/page-treasury/src/Overview/Tip.tsx b/packages/page-treasury/src/Overview/Tip.tsx
index 976c6911ca..8ee91f29e7 100644
--- a/packages/page-treasury/src/Overview/Tip.tsx
+++ b/packages/page-treasury/src/Overview/Tip.tsx
@@ -131,14 +131,14 @@ function Tip ({ bestNumber, className = '', hash, isMember, members }: Props): R
           )
         }
       </td>
-      {isMember && (
-        <td className='badge'>
+      <td className='badge'>
+        {isMember && (
           <Icon
             color={isTipper ? 'green' : 'gray'}
             icon='asterisk'
           />
-        </td>
-      )}
+        )}
+      </td>
     </tr>
   );
 }
diff --git a/packages/page-treasury/src/Overview/Tips.tsx b/packages/page-treasury/src/Overview/Tips.tsx
index 217f6e1f4c..5b81fc07ab 100644
--- a/packages/page-treasury/src/Overview/Tips.tsx
+++ b/packages/page-treasury/src/Overview/Tips.tsx
@@ -30,8 +30,8 @@ function Tips ({ className = '', hashes, isMember, members }: Props): React.Reac
     [t('reason'), 'start'],
     [],
     [],
-    isMember ? [] : null
-  ].filter((v) => v), [isMember, t]);
+    [undefined, 'badge']
+  ].filter((v) => v), [t]);
 
   return (
     <Table
diff --git a/packages/react-components/src/Table/Head.tsx b/packages/react-components/src/Table/Head.tsx
index 5127031e9b..9a578dd1df 100644
--- a/packages/react-components/src/Table/Head.tsx
+++ b/packages/react-components/src/Table/Head.tsx
@@ -61,6 +61,10 @@ export default React.memo(styled(Head)`
       text-align: left;
     }
 
+    &.badge {
+      padding: 0;
+    }
+
     &.isClickable {
       border-bottom: 2px solid transparent;
       cursor: pointer;