sidebar and page content are now using flexbox

src/container/Tracim.jsx

@@ -21,11 +21,13 @@ class Tracim extends React.Component {
 
         <Route path='/login' component={Login} />
 
-        { location.pathname !== '/login' && // cant find "except" in <Route path />
-          <Sidebar />
-        }
-        <Route exact path='/' component={Workspace} />
-        <PrivateRoute path='/page' component={Page} />
+        <div className='sidebarpagecontainer'>
+          { location.pathname !== '/login' && // cant find "except" in <Route path />
+            <Sidebar />
+          }
+          <Route exact path='/' component={Workspace} />
+          <PrivateRoute path='/page' component={Page} />
+        </div>
 
         <Footer />
       </div>

src/css/Generic.styl

@@ -1,7 +1,9 @@
+.sidebarpagecontainer
+  display flex
+  min-height calc(100% - 50px)
+  padding-top 85px
+
 .pageWrapperGeneric
-  display table-cell
-  vertical-align top
-  padding-top 87px
   width 100%
   &__header
     display flex

src/css/Sidebar.styl

@@ -16,7 +16,7 @@
 
 .sidebar
   display none
-  height 100%
+  min-height 100%
   background-color dark-blue
   z-index 1
 
@@ -24,15 +24,8 @@ sidebar-width = 300px
 .sidebar-visible
   .sidebar-expandbar
     left sidebar-width
-  .sidebar
-    display table-cell
-    vertical-align top
-  .containerdocument
-    display table-cell
-    vertical-align top
 
 .sidebar
-  padding-top 85px
   &__btnnewworkspace
     margin-top 40px
     padding 10px