diff --git a/packages/page-bounties/src/Bounties.tsx b/packages/page-bounties/src/Bounties.tsx index d2fcc5c57d..926d1406c3 100644 --- a/packages/page-bounties/src/Bounties.tsx +++ b/packages/page-bounties/src/Bounties.tsx @@ -41,12 +41,13 @@ function Bounties ({ className }: Props): React.ReactElement { {bounties && bestNumber && bounties .sort((a, b) => b.index.cmp(a.index)) - .map(({ bounty, description, index, proposals }) => ( + .map(({ bounty, description, index, proposals }, count) => ( @@ -59,27 +60,16 @@ function Bounties ({ className }: Props): React.ReactElement { export default React.memo(styled(Bounties)` .bounties-table-wrapper table { - background: none; - - &::before { - background: none; - } - tr { td, &:not(.filter) th { - &:first-child { - padding-left: 1.14rem; - } - &:last-child { padding-right: 1.14rem; } } } } - - .ui--IdentityIcon { +.ui--IdentityIcon { margin-right: 0.42rem; } diff --git a/packages/page-bounties/src/Bounty.tsx b/packages/page-bounties/src/Bounty.tsx index be852aaa19..22f774b386 100644 --- a/packages/page-bounties/src/Bounty.tsx +++ b/packages/page-bounties/src/Bounty.tsx @@ -31,12 +31,13 @@ interface Props { className?: string; description: string; index: BountyIndex; + isEven: boolean; proposals?: DeriveCollectiveProposal[]; } const EMPTY_CELL = '-'; -function Bounty ({ bestNumber, bounty, className = '', description, index, proposals }: Props): React.ReactElement { +function Bounty ({ bestNumber, bounty, className = '', description, index, isEven, proposals }: Props): React.ReactElement { const { t } = useTranslation(); const [isExpanded, setIsExpanded] = useState(false); @@ -65,7 +66,7 @@ function Bounty ({ bestNumber, bounty, className = '', description, index, propo return ( <> - +

{formatNumber(index)}

- +
{t('Proposer')}