From 2dff14bc7b599604999e96ee5da804827547bb2e Mon Sep 17 00:00:00 2001
From: Jori Lallo <jtlallo@gmail.com>
Date: Sun, 29 May 2016 11:05:06 -0700
Subject: [PATCH] Open user menu with a click/tap

---
 src/components/Layout/components/HeaderMenu/HeaderMenu.js   | 6 +++++-
 src/components/Layout/components/HeaderMenu/HeaderMenu.scss | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/components/HeaderMenu/HeaderMenu.js b/src/components/Layout/components/HeaderMenu/HeaderMenu.js
index 4abc3cba2..167170b18 100644
--- a/src/components/Layout/components/HeaderMenu/HeaderMenu.js
+++ b/src/components/Layout/components/HeaderMenu/HeaderMenu.js
@@ -21,6 +21,10 @@ class HeaderMenu extends React.Component {
     this.setState({ menuVisible: false });
   }
 
+  onClick = () => {
+    this.setState({ menuVisible: !this.state.menuVisible });
+  }
+
   logout = (event) => {
     event.preventDefault();
     this.props.logout();
@@ -33,7 +37,7 @@ class HeaderMenu extends React.Component {
         onMouseEnter={ this.onMouseEnter }
         onMouseLeave={ this.onMouseLeave }
       >
-        <div className={ styles.content }>
+        <div className={ styles.content } onClick={ this.onClick }>
           { this.props.children }
         </div>
 
diff --git a/src/components/Layout/components/HeaderMenu/HeaderMenu.scss b/src/components/Layout/components/HeaderMenu/HeaderMenu.scss
index cf0882bd1..f910f428c 100644
--- a/src/components/Layout/components/HeaderMenu/HeaderMenu.scss
+++ b/src/components/Layout/components/HeaderMenu/HeaderMenu.scss
@@ -4,6 +4,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  cursor: pointer;
 
   min-height: 43px;
   min-width: 43px;