From a7fc5126502a9c69aaa727178997ea4ed703c2d6 Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Mon, 31 Jul 2017 23:07:58 -0700
Subject: Implement mobile-friendly responsive layout with flex wrap

---
 ui/app/main-container.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'ui/app/main-container.js')

diff --git a/ui/app/main-container.js b/ui/app/main-container.js
index 88028f8eb..ae62a0e0c 100644
--- a/ui/app/main-container.js
+++ b/ui/app/main-container.js
@@ -13,7 +13,7 @@ function MainContainer () {
 
 MainContainer.prototype.render = function () {
 
-  return h('div.flex-row', {
+  return h('div', {
     style: {
       position: 'absolute',
       marginTop: '6vh',
@@ -22,6 +22,9 @@ MainContainer.prototype.render = function () {
       boxShadow: '0 0 7px 0 rgba(0,0,0,0.08)',
       fontFamily: 'DIN OT',
       display: 'flex',
+      flexWrap: 'wrap',
+      alignItems: 'stretch',
+      overflowY: 'scroll',
     }
   }, [
     h(WalletView, {
-- 
cgit v1.2.3