From 9b147f14955c5f6a0b38e03ae30ac13b1be183d1 Mon Sep 17 00:00:00 2001
From: Fabio Berger <me@fabioberger.com>
Date: Thu, 11 Oct 2018 13:49:56 +0200
Subject: fix(website): remove deadzone between "Developers" menu item and
 dropdown so it never closes when hovering between the two

---
 packages/website/ts/components/dropdowns/developers_drop_down.tsx | 2 +-
 packages/website/ts/components/top_bar/top_bar.tsx                | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'packages/website')

diff --git a/packages/website/ts/components/dropdowns/developers_drop_down.tsx b/packages/website/ts/components/dropdowns/developers_drop_down.tsx
index df5dc173d..2bdcb8a4c 100644
--- a/packages/website/ts/components/dropdowns/developers_drop_down.tsx
+++ b/packages/website/ts/components/dropdowns/developers_drop_down.tsx
@@ -85,7 +85,7 @@ export class DevelopersDropDown extends React.Component<DevelopersDropDownProps,
                 anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
                 targetOrigin={{ horizontal: 'left', vertical: 'top' }}
                 style={this.props.menuItemStyles}
-                popoverStyle={{ borderRadius: 4, width: 427, height: 373, marginTop: 10 }}
+                popoverStyle={{ borderRadius: 4, width: 397, height: 373, marginTop: 0 }}
             />
         );
     }
diff --git a/packages/website/ts/components/top_bar/top_bar.tsx b/packages/website/ts/components/top_bar/top_bar.tsx
index 3297befad..80271fa63 100644
--- a/packages/website/ts/components/top_bar/top_bar.tsx
+++ b/packages/website/ts/components/top_bar/top_bar.tsx
@@ -154,7 +154,7 @@ export class TopBar extends React.Component<TopBarProps, TopBarState> {
                             <div className="flex items-center justify-between">
                                 <DevelopersDropDown
                                     location={this.props.location}
-                                    menuItemStyles={styles.menuItem}
+                                    menuItemStyles={{ ...styles.menuItem, paddingBottom: 12, paddingTop: 12 }}
                                     translate={this.props.translate}
                                     menuIconStyle={menuIconStyle}
                                 />
-- 
cgit v1.2.3