sidebar switch to position absolute on media tablet and phone and css correction on workspace content table

src/container/Sidebar.jsx

@@ -63,7 +63,7 @@ class Sidebar extends React.Component {
     const { activeLang, workspace, workspaceList, app, t } = this.props
 
     return (
-      <div className={classnames('sidebar d-none d-lg-block', {'sidebarclose': sidebarClose})}>
+      <div className={classnames('sidebar', {'sidebarclose': sidebarClose})}>
         <div className='sidebar__expand' onClick={this.handleClickToggleSidebar}>
           { /* <i className={classnames('fa fa-fw', {'fa-plus-square-o': sidebarClose, 'fa-minus-square-o': !sidebarClose})} /> */ }
           <button className='hamburger hamburger--spring sidebar__expand__btnHamburger' type='button'>

src/css/Sidebar.styl

@@ -150,3 +150,27 @@ leftside()
             &.activeFilter
               .dropdown__icon
                 background-color rgba(253, 253, 253, 0.8)
+
+/***** MEDIA 576px and 991px ******/
+
+@media (min-width: min-sm) and (max-width: max-md)
+
+  .sidebar
+    position absolute
+
+/***** MEDIA 576px and 767px *****/
+
+@media (min-width: min-sm) and (max-width: max-sm)
+
+  .sidebarpagecontainer
+    padding-top 69px
+
+/***** MEDIA  *****/
+
+@media (max-width: 575px)
+
+  .sidebarpagecontainer
+    padding-top 69px
+
+  .sidebar
+    position absolute

src/css/Workspace.styl

@@ -23,4 +23,6 @@
   .workspace
     &__header
       &__title
-        margin 0 0 20px 10px
+        margin 25px 0 20px 10px
+    &__content
+        margin 0