diff --git a/packages/website/ts/pages/governance/address_table_row.tsx b/packages/website/ts/pages/governance/address_table_row.tsx index 3b74518766..ef661fc9b6 100644 --- a/packages/website/ts/pages/governance/address_table_row.tsx +++ b/packages/website/ts/pages/governance/address_table_row.tsx @@ -5,6 +5,7 @@ import styled from 'styled-components'; // tslint:disable-next-line: no-duplicate-imports import { ChangeEvent } from 'react'; +import { CheckMark } from 'ts/components/ui/check_mark'; import { colors } from 'ts/style/colors'; interface RadioProps { @@ -26,7 +27,8 @@ interface MarkerProps { const Radio: React.StatelessComponent = ({ address, onSelectAddress, isActive, value }) => { return ( <> - + {/* */} + ); @@ -47,7 +49,7 @@ export const AddressTableRow: React.StatelessComponent {address} - + {balance} @@ -64,9 +66,12 @@ const Wrapper = styled.tr` margin-bottom: 10px; `; -const Cell = styled.td` +const Cell = styled.td<{ isRightAligned?: boolean }>` border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 0; + font-size: 14px; + vertical-align: middle; + text-align: ${props => props.isRightAligned && 'right'}; `; const Label = styled.label` @@ -83,23 +88,6 @@ const LabelText = styled.span` font-weight: 400; `; -const Marker = styled.span` - border: 1px solid #cccccc; - border-color: ${props => props.isActive && colors.brandLight}; - display: flex; - width: 16px; - height: 16px; - border-radius: 50%; - position: relative; - flex-shrink: 0; - - ${props => - props.isActive && - ` - background-color: ${colors.brandLight}; - `} -`; - const RadioInput = styled.input.attrs({ type: 'radio', name: 'userAddress',