#1627 - increase clickable space

benetech · Jan 22, 2021 · 959ed2f · 959ed2f
1 parent 397039e
commit 959ed2f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/v2/src/pages/Header/index.js b/v2/src/pages/Header/index.js
@@ -15,13 +15,14 @@ class Header extends React.Component {
         const { userProfile, routerHooks } = this.props;
         const { email, name } = userProfile;
         const menu = (
-            <Menu>
+            <Menu className={styles.dropdown}>
                 <Menu.Item role="presentation">
                     <div>{name}</div>
                     <div>{email}</div>
                 </Menu.Item>
                 <Menu.Item>
                     <Button
+                        className={styles.signoutBtn}
                         type="text"
                         onClick={(e) => {
                             this.props.logoutOfUserProfile();

diff --git a/v2/src/pages/Header/styles.scss b/v2/src/pages/Header/styles.scss
@@ -69,6 +69,13 @@
 
         .profileButton {
             margin-left: auto;
+
+            .dropdown {
+                button.signoutBtn {
+                    width: 100%;
+                    text-align: left;
+                }
+            }
         }
 
         :global(.ant-btn-primary) {