From cbdd5703d2337cba7c8dae6eba91814e81ee1e2c Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 21 Dec 2020 14:15:49 +0100
Subject: [PATCH] feature: menu-left - sub-menu padding, class create

---
 src/styles/left-nav/_index.scss  | 10 ++++++++++
 src/views/partials/menu-left.pug |  8 ++++----
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss
index 9e1b38b0..ce5fd278 100644
--- a/src/styles/left-nav/_index.scss
+++ b/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%;
+  }
 }
 
diff --git a/src/views/partials/menu-left.pug b/src/views/partials/menu-left.pug
index f2594710..c8645626 100644
--- a/src/views/partials/menu-left.pug
+++ b/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 &nbsp;
       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 &nbsp;${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"
-- 
GitLab