From cdbb3a015fec03f84524fd9072e8e73f6e6fbc53 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Fri, 30 Mar 2018 15:00:02 -0700
Subject: Add HACK comment and reorganize use other wallet button

---
 .../components/wallet/wallet_disconnected_item.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

(limited to 'packages')

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>
-- 
cgit v1.2.3