Adjust asteriks layouts (#3068)

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'

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>
   );
 }

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

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;