update: new class to handle the main padding + HD colors handle for the directory component

src/index.pug

@@ -22,15 +22,15 @@ html(lang="en")
       div#viewport
 
         if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
-          #dashboard(hidden).no-sidebar
+          #dashboard(hidden).no-sidebar.with-padding
             include page-dashboard.pug
 
         if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
-          #members(hidden).no-sidebar
+          #members(hidden).no-sidebar.with-padding
             include page-directory.pug
 
         if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
-          #job-offers(hidden).no-sidebar
+          #job-offers(hidden).no-sidebar.with-padding
             include page-job-offers.pug
 
         if endpoints.projects || (endpoints.get && endpoints.get.projects)

src/styles/base/main.scss

@@ -153,7 +153,6 @@ h5 {
 }
 
 %padding-main {
-  /*padding: 5rem;*/
   padding: 1.3rem;
 }
 

src/styles/components/sidebar.scss

@@ -1,6 +1,9 @@
 .no-sidebar {
   flex: 1;
-  @extend %padding-main;
+
+  &.with-padding {
+    @extend %padding-main;
+  }
 }
 
 .with-sidebar {