From 8d3a317b91fd440e2e405df780cb0f88e4683547 Mon Sep 17 00:00:00 2001
From: Chi Kei Chan <chikeichan@gmail.com>
Date: Wed, 25 Oct 2017 00:34:12 -0700
Subject: Show home page when metafox is clicked

---
 ui/app/app.js                           | 10 ++++++----
 ui/app/css/itcss/components/header.scss |  6 ++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/ui/app/app.js b/ui/app/app.js
index 7cf5c7b9d..31d11b4e0 100644
--- a/ui/app/app.js
+++ b/ui/app/app.js
@@ -253,12 +253,14 @@ App.prototype.renderAppBar = function () {
       }, [
         h('div.app-header-contents', {}, [
           h('div.left-menu-wrapper', {
-            style: {},
+            onClick: () => {
+              props.dispatch(actions.backToAccountDetail(props.activeAddress))
+            },
           }, [
             // mini logo
-            h('img', {
-              height: 24,
-              width: 24,
+            h('img.metafox-icon', {
+              height: 29,
+              width: 29,
               src: '/images/icon-128.png',
             }),
 
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss
index f722e8bf5..a6332f819 100644
--- a/ui/app/css/itcss/components/header.scss
+++ b/ui/app/css/itcss/components/header.scss
@@ -27,6 +27,10 @@
       bottom: -32px;
     }
   }
+
+  .metafox-icon {
+    cursor: pointer;
+  }
 }
 
 .app-header-contents {
@@ -58,6 +62,7 @@
   text-transform: uppercase;
   font-weight: 400;
   color: #22232c; // $shark
+  line-height: 29px;
 
   @media screen and (max-width: 575px) {
     display: none;
@@ -81,6 +86,7 @@ h2.page-subtitle {
   display: flex;
   flex-direction: row;
   align-items: center;
+  cursor: pointer;
 }
 
 .header__right-actions {
-- 
cgit v1.2.3