From f307ccaba96831474c78780d4ff38df95afac976 Mon Sep 17 00:00:00 2001
From: MiZiet <55240109+MiZiet@users.noreply.github.com>
Date: Thu, 10 Dec 2020 13:05:21 +0100
Subject: [PATCH] Improve bounties display (#4188)

---
 packages/page-bounties/src/Bounty.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/page-bounties/src/Bounty.tsx b/packages/page-bounties/src/Bounty.tsx
index cc7be4124a..564022ad9d 100644
--- a/packages/page-bounties/src/Bounty.tsx
+++ b/packages/page-bounties/src/Bounty.tsx
@@ -44,11 +44,11 @@ function Bounty ({ bestNumber, bounty, className = '', description, index }: Pro
     <>
       <tr className={className}>
         <td>{bountyStatus}</td>
-        <td className='title-column'>{description.description}</td>
+        <td>{description.description}</td>
         <td className='column-with-label'/>
         <td><FormatBalance value={value} /></td>
         <td className='column-with-label'/>
-        <td className='column-curator'>{curator ? <AddressSmall value={curator}/> : EMPTY_CELL}</td>
+        <td>{curator ? <AddressSmall value={curator}/> : EMPTY_CELL}</td>
         <td>
           {updateDue ? <BlockToTime blocks={blocksUntilUpdate} /> : EMPTY_CELL}
           {updateDue && t<string>('{{blocks}} blocks', { replace: { blocks: formatNumber(blocksUntilUpdate) } })}
@@ -73,7 +73,7 @@ function Bounty ({ bestNumber, bounty, className = '', description, index }: Pro
         </td>
       </tr>
       <tr className={className}
-        style={{ display: isExpanded ? 'table-row' : 'none' }}>
+        style={{ visibility: isExpanded ? 'visible' : 'collapse' }}>
         <td />
         <td className='proposer'>
           <div className='label'>Proposer</div>
@@ -143,10 +143,6 @@ export default React.memo(styled(Bounty)`
     }
   }
 
-  & .column-curator {
-    width: 100px;
-  }
-
   & .proposer {
     vertical-align: middle;
     div {
@@ -161,7 +157,4 @@ export default React.memo(styled(Bounty)`
       color: #4D4D4D;
     }
   }
-  & .title-column {
-    min-width: 20rem;
-  }
 `);