From 22b03c62e650182951dce25a5ce9de982782a7fa Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Wed, 2 Aug 2017 12:29:07 -0700
Subject: Add burger icon and phone-visible media queries

---
 ui/app/components/tx-view.js | 5 +++++
 ui/app/css/index.css         | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js
index bcd30e6d8..c5c6484cc 100644
--- a/ui/app/components/tx-view.js
+++ b/ui/app/components/tx-view.js
@@ -40,6 +40,11 @@ TxView.prototype.render = function () {
       background: '#FFFFFF',
     }
   }, [
+
+    h('div.phone-visible.fa.fa-bars', {
+
+    }, []),
+
     h('div.flex-row', {
       style: {
         margin: '1.8em 1.3em 0.8em 1.3em',
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index b027792fb..9e63c9e55 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -723,22 +723,22 @@ div.message-container > div:first-child {
 
 @media screen and (min-width: 576px) {
   .lap-visible {
-    display: none;
+    display: flex;
   }
 
   .phone-visible {
-    display: flex;
+    display: none;
   }
 
 }
 
 @media screen and (max-width: 575px) {
   .lap-visible {
-    display: flex;
+    display: none;
   }
 
   .phone-visible {
-    display: none;
+    display: flex;
   }
 
 }
-- 
cgit