Merge branch 'develop' into explore-redesign

less/dashboard.less

@@ -37,6 +37,7 @@
 @dashboard-menu-section-item-line-height: @global-control-small-height;
 @dashboard-menu-section-item-padding-vertical: 5px;
 @dashboard-menu-section-item-padding-horizontal: 20px;
+@dashboard-menu-section-item-padding-horizontal-s: 30px;
 @dashboard-menu-section-item-parent-icon-color: @global-meta-color;
 @dashboard-menu-section-item-color-hover: @dashboard-primary-background;
 @dashboard-menu-section-item-color-active: @dashboard-primary-background;
@@ -116,7 +117,7 @@
 
     &.uk-parent {
       & > a {
-        padding: @dashboard-menu-section-item-padding-vertical @dashboard-menu-section-item-padding-horizontal @dashboard-menu-section-item-padding-vertical @dashboard-menu-section-item-padding-horizontal;
+        padding: @dashboard-menu-section-item-padding-vertical @dashboard-menu-section-item-padding-horizontal;
 
         &::after {
           color: @dashboard-menu-section-item-parent-icon-color;
@@ -178,6 +179,30 @@
     }
   }
 
+  &.mobile {
+    & > ul > li {
+      & > a {
+        padding-left: @dashboard-menu-section-item-padding-horizontal-s;
+        padding-right: @dashboard-menu-section-item-padding-horizontal-s;
+      }
+
+      &.uk-parent {
+        & > a {
+          padding-left: @dashboard-menu-section-item-padding-horizontal-s;
+          padding-right: @dashboard-menu-section-item-padding-horizontal-s;
+
+          &:not(.uk-flex)::after {
+            right: (@dashboard-menu-section-item-padding-horizontal-s/2);
+          }
+        }
+
+        & .uk-nav-sub:before {
+          left: @dashboard-menu-section-item-padding-horizontal-s + 2*@dashboard-menu-section-icon-padding;
+        }
+      }
+    }
+  }
+
   &:not(.mobile) .uk-nav-default:extend(.uk-text-small) {
     margin-left: @dashboard-menu-section-margin;
   }
@@ -266,7 +291,7 @@
   #page_content {
     .set-blur-background(@dashboard-page-content-background, 80%);
 
-    .uk-slider-arrow, .uk-icon-button {
+    .uk-slider-arrow, .uk-slider-arrow > .uk-icon-button {
       background: @dashboard-page-content-background;
     }
 

less/user.less

@@ -18,6 +18,14 @@
     stroke: currentColor;
     fill: currentColor;
   }
+
+  .notification {
+    position: absolute;
+    top: 0;
+    right: 0;
+    -webkit-transform: translate(20%, -50%);
+    transform: translate(20%, -50%);
+  }
 }
 
 a.login {