aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-07-02 05:03:07 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-07-02 05:51:02 +0800
commit955fdf5d13945fc7267e8ce0cc1f6016c57f3b72 (patch)
treefb2640162a21136ba52535769d4f25650d31f47d /packages/website/ts/components
parenta6f40d418704a8dca8c787663f00b6bcbdf18ba4 (diff)
downloaddexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar
dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.gz
dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.bz2
dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.lz
dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.xz
dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.tar.zst
dexon-sol-tools-955fdf5d13945fc7267e8ce0cc1f6016c57f3b72.zip
Give connected header accessory more padding
Diffstat (limited to 'packages/website/ts/components')
-rw-r--r--packages/website/ts/components/wallet/wallet.tsx22
1 files changed, 13 insertions, 9 deletions
diff --git a/packages/website/ts/components/wallet/wallet.tsx b/packages/website/ts/components/wallet/wallet.tsx
index fca6c5745..ab234ae1b 100644
--- a/packages/website/ts/components/wallet/wallet.tsx
+++ b/packages/website/ts/components/wallet/wallet.tsx
@@ -207,15 +207,19 @@ export class Wallet extends React.Component<WalletProps, WalletState> {
<Container marginRight="15px">
<DropDown
activeNode={
- <Text
- className="zmdi zmdi-more-horiz"
- Tag="i"
- fontSize="32px"
- fontFamily="Material-Design-Iconic-Font"
- fontColor={colors.darkGrey}
- onClick={onClick}
- hoverColor={colors.mediumBlue}
- />
+ // this container gives the menu button more of a hover target for the drop down
+ // it prevents accidentally closing the menu by moving off of the button
+ <Container paddingLeft="100px">
+ <Text
+ className="zmdi zmdi-more-horiz"
+ Tag="i"
+ fontSize="32px"
+ fontFamily="Material-Design-Iconic-Font"
+ fontColor={colors.darkGrey}
+ onClick={onClick}
+ hoverColor={colors.mediumBlue}
+ />
+ </Container>
}
popoverContent={
<SimpleMenu minWidth="150px">