feature: menu-left - sub-menu padding, class create

src/styles/left-nav/_index.scss

@@ -23,6 +23,9 @@ nav {
     }
   }
 
+  .sub-menu {
+    padding-bottom: 25px;
+  }
 
   /* Styles for the small icon */
   .sub-menu-icon {
@@ -67,5 +70,12 @@ nav {
     background-color: #D7DBE0;
     opacity: 0.2;
   }
+
+  .create {
+    display: flex;
+    flex-wrap: wrap;
+    padding-left: 20px;
+    width: 87%;
+  }
 }
 

src/views/partials/menu-left.pug

@@ -14,7 +14,7 @@ solid-widget(name='hubl-menu-publicprivate')
 
 solid-widget(name='hubl-create-contact')
   template
-    p.create
+    p.create.text-color-white
       span(data-trans="menuLeft.contact.create")
       span  
       solid-link(next="members" data-trans="menuLeft.contact.profileDir")
@@ -23,7 +23,7 @@ solid-widget(name='hubl-create-contact')
 
 solid-widget(name='hubl-create')
   template
-    p.create.segment.margin-left-small
+    p.create.text-color-white
       span(data-trans="menuLeft.emptyCircleProject.notPartOf")
       span  ${value}.
       br
@@ -47,7 +47,7 @@ solid-widget(name='hubl-menu-fix-url-contact')
 solid-widget(name='hubl-menu-fix-url-circle')
   template
     solid-link.segment.lg-full(data-src="${value}" next="circle")
-      solid-display.segment-lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
+      solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
         data-src='${value}'
         fields='segment(status, circle(name, jabberID), badge)'
         class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"
@@ -71,7 +71,7 @@ solid-widget(name='hubl-menu-fix-url-circle')
 solid-widget(name='hubl-menu-fix-url-project')
   template
     solid-link.segment.lg-full(data-src="${value}" next="project")
-      solid-display.segment-lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
+      solid-display.segment.lg-full.text-color-white.heading-active.bg-color-heading.hover.active(
         data-src='${value}'
         fields='segment(status, project(customer.name, name, jabberID), badge)'
         class-segment="segment lg-full padding-top-xxsmall padding-right-small padding-left-medium"