Some small CSS adjustments (#2479)

packages/page-democracy/src/Overview/External.tsx

@@ -27,7 +27,7 @@ function External ({ className, value: { image, imageHash, threshold } }: Props)
       <td className='address'>
         {image && <AddressMini value={image.proposer} />}
       </td>
-      <td className='number together top'>
+      <td className='number'>
         {image && <FormatBalance value={image.balance} />}
       </td>
       <td className='button'>

packages/page-democracy/src/Overview/Externals.tsx

@@ -28,7 +28,7 @@ function Externals ({ className }: Props): React.ReactElement<Props> | null {
           <Table>
             <Table.Head>
               <th>&nbsp;</th>
-              <th>{t('proposer')}</th>
+              <th className='address'>{t('proposer')}</th>
               <th>{t('locked')}</th>
               <th>&nbsp;</th>
             </Table.Head>

packages/react-components/src/Badge.tsx

@@ -88,6 +88,7 @@ export default React.memo(styled(Badge)`
   &.isInline {
     display: inline-block;
     margin-right: 0.25rem;
+    vertical-align: middle;
   }
 
   &.next,