feature: my profile

src/styles/base/main.scss

@@ -18,6 +18,7 @@
 
   main {
     display: flex;
+    z-index: 0;
     overflow: hidden;
     height: calc(100vh - 83px); /* 83px = height of the header */
     position: relative;
@@ -153,7 +154,7 @@ h5 {
 }
 
 %padding-main {
-  padding: 5rem;
+  padding: 1.3rem;
 }
 
 %padding-block {

src/styles/base/menu-left.scss

@@ -137,6 +137,7 @@
 
       sib-display.nosub>nav {
         text-align: center;
+        overflow: hidden;
         display: grid;
         grid-template-columns: auto 50% auto;
         grid-template-areas: "left middle right";
@@ -247,23 +248,23 @@
 
   &.jsLeftMenu {
 
-    @include breakpoint(sm) {
-      display: none;
+    display: none;
+
+    @include breakpoint(lg) {
+      display: block;
     }
   }
 
   &.jsLeftMenu[open] {
 
-    @include breakpoint(sm) {
-      display: block;
-      bottom: 0;
-      box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
-      min-width: 80%;
-      position: fixed;
-      right: 0;
-      top: 0;
-      z-index: 1;
-    }
+    display: block;
+    bottom: 0;
+    box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
+    min-width: 80%;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1;
   }
 }
 

src/styles/components/sidebar.scss

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

src/styles/layout/dashboard/dashboard.scss

@@ -1,3 +1,7 @@
 .dashboard>div {
   margin: 0 2px;
 }
+
+sib-dashboard .icon::before {
+  width: 41px;
+}