doing some design

wip toogle read / like

1 files changed, 14 insertions, 7 deletions

diff --git a/src/web/js/components/MainApp.react.js b/src/web/js/components/MainApp.react.js
index 743c9510..059d2646 100644
--- a/src/web/js/components/MainApp.react.js
+++ b/src/web/js/components/MainApp.react.js
@@ -1,16 +1,23 @@
+var React = require('react');
+var Col = require('react-bootstrap/lib/Col');
+var Grid = require('react-bootstrap/lib/Grid');
+
 var Menu = require('./Menu.react');
 var MiddlePanel = require('./MiddlePanel.react');
-var React = require('react');
 
 
 var MainApp = React.createClass({
     render: function() {
-        return (<div className="container-fluid">
-                    <div className="row row-offcanvas row-offcanvas-left">
-                        <Menu />
-                        <MiddlePanel />
-                    </div>
-                </div>
+        return (<Grid fluid>
+                    <Col xsHidden smHidden md={3} lg={2}>
+                        <Menu.MenuFilter />
+                        <Menu.Menu />
+                    </Col>
+                    <Col xs={2} sm={2} md={4} lg={4}>
+                        <MiddlePanel.MiddlePanelFilter />
+                        <MiddlePanel.MiddlePanel />
+                    </Col>
+                </Grid>
        );
     },
 });