Make wallet view visible iff vw above 575px

ui/app/components/wallet-view.js

@@ -33,7 +33,7 @@ WalletView.prototype.render = function () {
   const selected = '0x82df11beb942BEeeD58d466fCb0F0791365C7684'
   const { network } = this.props
 
-  return h('div.wallet-view.flex-column', {
+  return h('div.wallet-view.flex-column.lap-visible', {
     style: {
       // width: '33.333%',
       flexGrow: 1,

ui/app/css/index.css

@@ -718,5 +718,27 @@ div.message-container > div:first-child {
 }
 
 .pop-hover:hover {
-    transform: scale(1.1);
+  transform: scale(1.1);
+}
+
+@media screen and (min-width: 576px) {
+  .lap-visible {
+    display: none;
+  }
+
+  .phone-visible {
+    display: flex;
+  }
+
+}
+
+@media screen and (max-width: 575px) {
+  .lap-visible {
+    display: flex;
+  }
+
+  .phone-visible {
+    display: none;
+  }
+
 }

ui/app/css/lib.css

@@ -270,4 +270,3 @@ hr.horizontal-line {
   margin-top: 20px;
   color: red;
 }
-

ui/app/main-container.js

@@ -27,10 +27,9 @@ MainContainer.prototype.render = function () {
       overflowY: 'scroll',
     }
   }, [
+
     h(WalletView, {
       style: {
-        // width: '33.33%',
-        // height: '82vh',
       }
     }, [
     ]),