Add TxView, use width percentages instead of flex-grow for layout

1 files changed, 7 insertions, 4 deletions

diff --git a/ui/app/main-container.js b/ui/app/main-container.js
index cc61860b6..88028f8eb 100644
--- a/ui/app/main-container.js
+++ b/ui/app/main-container.js
@@ -2,6 +2,7 @@ const Component = require('react').Component
 const h = require('react-hyperscript')
 const inherits = require('util').inherits
 const WalletView = require('./components/wallet-view')
+const TxView = require('./components/tx-view')
 
 module.exports = MainContainer
 
@@ -20,6 +21,7 @@ MainContainer.prototype.render = function () {
       zIndex: 20,
       boxShadow: '0 0 7px 0 rgba(0,0,0,0.08)',
       fontFamily: 'DIN OT',
+      display: 'flex',
     }
   }, [
     h(WalletView, {
@@ -30,11 +32,12 @@ MainContainer.prototype.render = function () {
     }, [
     ]),
 
-    h('div.tx-view', {
+    h(TxView, {
       style: {
-        width: '66.66%',
-        height: '82vh',
-        background: '#FFFFFF',
+        // flexGrow: 2
+        // width: '66.66%',
+        // height: '82vh',
+        // background: '#FFFFFF',
       }
     }, [
     ]),