From 477d4229d5e9876357fbdb762a2ef9938243b1e7 Mon Sep 17 00:00:00 2001
From: Juan Cazala <juan@decentraland.org>
Date: Tue, 26 Jun 2018 00:31:23 -0400
Subject: [PATCH] feat: mobile support for navbar

---
 src/components/Navbar/Navbar.css | 13 +++++++++++++
 src/components/Navbar/Navbar.tsx |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.css
index eadee2b9..48b9ef2d 100644
--- a/src/components/Navbar/Navbar.css
+++ b/src/components/Navbar/Navbar.css
@@ -67,3 +67,16 @@
   color: var(--text-on-primary);
   background: var(--primary);
 }
+
+.dcl.hamburger {
+  cursor: pointer;
+}
+
+.dcl.active-page {
+  color: var(--text);
+  display: inline-block;
+  text-transform: uppercase;
+  padding-left: 0.5em;
+  transform: translateY(4px);
+  cursor: pointer;
+}
diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index b59334d5..2568ddec 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Icon, Menu, Responsive, Sidebar } from 'semantic-ui-react'
+import { Header, Icon, Menu, Responsive, Sidebar } from 'semantic-ui-react'
 import { Blockie, Logo, Mana } from '../..'
 import './Navbar.css'
 
@@ -119,7 +119,7 @@ export class Navbar extends React.PureComponent<Props, State> {
             onClick={this.handleToggle}
           >
             <Icon name="content" size="large" className="dcl hamburger" />
-            {activePage}
+            <Header className="dcl active-page">{activePage}</Header>
           </Responsive>
           <Responsive {...Responsive.onlyMobile}>
             <Sidebar