diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss index 9e1b38b..ce5fd27 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 f259471..c864562 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   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"