feature: general layou : clean

src/index.pug

@@ -22,10 +22,10 @@ html(lang="en")
     header#header.segment.bg-color-white.shadow
       include header.pug
 
-    nav#main__menu.segment.bg-color-heading.text-small.text-color-white.left-menu.jsLeftMenu
+    nav#main__menu.segment.float-left.bg-color-heading.text-small.text-color-white.left-menu.jsLeftMenu
       include menu-left.pug
 
-    main#viewport.content.notLoggedIn
+    main#viewport.segment.float-left.content.notLoggedIn
 
       if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
         #dashboard(hidden, data-view="dashboard").no-sidebar.with-padding

src/styles/base/header.scss

@@ -466,4 +466,3 @@ solid-notifications {
     display: none;
   }
 }
-

src/styles/base/main.scss

@@ -347,12 +347,12 @@ solid-dashboard section {
 }*/
 
 .left-menu {
-  grid-area: leftmenu;
+  /*grid-area: leftmenu;*/
 
   @include breakpoint(lg) {
-    height: calc(100vh - 83px); /* 83px = nav height */
-    position: sticky;
-    top: 0;
+    height: calc(100vh - 72px); /* 72px = nav height */
+    /*position: sticky;
+    top: 0;*/
     overflow-x: hidden;
     overflow-y: scroll;
   }
@@ -382,14 +382,14 @@ solid-dashboard section {
 }
 
 .content {
-  grid-area: content;
+  /*grid-area: content;*/
 
   @include breakpoint(lg) {
-    position: sticky;
-    top: 0;
-    overflow-y: auto;
-    height: calc(100vh - 83px);
-    overflow-x: hidden;
+    /*position: sticky;
+    top: 0;*/
+    /*overflow-y: auto;*/
+    height: calc(100vh - 72px);
+    /*overflow-x: hidden;*/
   }
 }
 

src/styles/index.scss

@@ -12,11 +12,6 @@
 @import 'base/about';
 
 #viewport {
-    display: flex;
-    flex: 1;
-    /*height: auto;
-    min-height: 100vh;*/
-    overflow-y: auto;
     @import 'components/index';
     @import 'layout/members/index';
     @import 'layout/job-offers/index';