aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/wallet/wallet_disconnected_item.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/components/wallet/wallet_disconnected_item.tsx')
-rw-r--r--packages/website/ts/components/wallet/wallet_disconnected_item.tsx22
1 files changed, 12 insertions, 10 deletions
diff --git a/packages/website/ts/components/wallet/wallet_disconnected_item.tsx b/packages/website/ts/components/wallet/wallet_disconnected_item.tsx
index d74ca23f6..89e32f7be 100644
--- a/packages/website/ts/components/wallet/wallet_disconnected_item.tsx
+++ b/packages/website/ts/components/wallet/wallet_disconnected_item.tsx
@@ -20,7 +20,12 @@ const styles: Styles = {
height: 80,
},
hrefAdjustment: {
- paddingTop: 20, // For some reason when we set the href prop of a FlatButton material-ui reduces the top padding
+ paddingTop: 20, // HACK: For some reason when we set the href prop of a FlatButton material-ui reduces the top padding
+ },
+ otherWalletText: {
+ fontSize: 14,
+ color: colors.grey500,
+ textDecoration: 'underline',
},
};
@@ -42,15 +47,12 @@ export const WalletDisconnectedItem: React.StatelessComponent<WalletDisconnected
<ProviderButton isExternallyInjectedProvider={isExternallyInjectedProvider} />
<div className="flex flex-center py2" style={{ paddingBottom: BUTTON_BOTTOM_PADDING }}>
<div className="mx-auto">
- <img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} />
- <a
- className="px1"
- href="javascript:;"
- onClick={props.onToggleLedgerDialog}
- style={{ fontSize: 14, color: colors.grey500 }}
- >
- use other wallet
- </a>
+ <div onClick={props.onToggleLedgerDialog} style={{ cursor: 'pointer' }}>
+ <img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} />
+ <span className="px1" style={styles.otherWalletText}>
+ user other wallet
+ </span>
+ </div>
</div>
</div>
</div>