aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/website/ts/components/wallet/wallet.tsx11
1 files changed, 7 insertions, 4 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx
index b20f3ef4b..4c1d27598 100644
--- a/packages/website/ts/components/wallet/wallet.tsx
+++ b/packages/website/ts/components/wallet/wallet.tsx
@@ -105,6 +105,9 @@ const styles: Styles = {
backgroundColor: colors.walletDefaultItemBackground,
minHeight: 85,
},
+ headerItem: {
+ minHeight: 60,
+ },
amountLabel: {
fontWeight: 'bold',
color: colors.black,
@@ -222,7 +225,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
// https://github.com/palantir/tslint-react/issues/140
// tslint:disable-next-line:jsx-curly-spacing
}
- style={styles.borderedItem}
+ style={{ ...styles.borderedItem, ...styles.headerItem }}
/>
);
}
@@ -258,7 +261,7 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
<StandardIconRow
icon={<Identicon address={userAddress} diameter={ICON_DIMENSION} />}
main={main}
- style={styles.borderedItem}
+ style={{ ...styles.borderedItem, ...styles.headerItem }}
/>
</Link>
);
@@ -597,8 +600,8 @@ interface StandardIconRowProps {
const StandardIconRow = (props: StandardIconRowProps) => {
return (
<div className="flex items-center" style={props.style}>
- <div className="p2">{props.icon}</div>
- <div className="flex-none pr2 pt2 pb2">{props.main}</div>
+ <div className="flex items-center px2">{props.icon}</div>
+ <div className="flex-none pr2">{props.main}</div>
<div className="flex-auto" />
<div>{props.accessory}</div>
</div>