From f3066d3fbc292e4c057fe85e7ad600abb8496b64 Mon Sep 17 00:00:00 2001
From: Edyta SKIBINSKA <eskibinska@centreon.com>
Date: Wed, 6 Mar 2019 09:56:35 +0100
Subject: [PATCH] enh(ui) : better delimitation of menu

---
 www/front_src/src/styles/partials/_side-nav.scss  | 11 ++++-------
 www/front_src/src/styles/partials/_variables.scss |  1 +
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/www/front_src/src/styles/partials/_side-nav.scss b/www/front_src/src/styles/partials/_side-nav.scss
index 7145c260bef..95b4c3dfb52 100755
--- a/www/front_src/src/styles/partials/_side-nav.scss
+++ b/www/front_src/src/styles/partials/_side-nav.scss
@@ -13,6 +13,8 @@
   text-align: center;
   background: #e0e0e0;
   transition: all 0.2s;
+  border-right: 1px solid $grey-medium;
+  z-index: 2;
   .sidebar-logo {
     display: none;
   }
@@ -181,7 +183,6 @@ a {
             background: $turquoise-centreon-primary;
             color: $white-color;
           }
-          
         }
         &:hover {
           .collapsed-level-item-link {
@@ -395,7 +396,7 @@ a {
       font-size: 0.8rem;
       background-color: $white-color;
       display: block;
-      padding: 3px 10px 3px 47px;
+      padding: 3px 10px 3px 56px;
       border-bottom: 1px solid #f7f7f7;
       text-align: left;
     }
@@ -437,11 +438,7 @@ a {
       .collapsed-level-item {
         background-color: $white-color;
         .collapsed-level-item-link {
-          padding: 8px 10px 8px 47px;
-          // &:hover {
-          //   color: $white-color;
-          //   background-color: #0a78a5;
-          // }
+          padding: 8px 10px 8px 56px;
         }
       }
     }
diff --git a/www/front_src/src/styles/partials/_variables.scss b/www/front_src/src/styles/partials/_variables.scss
index a1d726d09a9..2b08c32d9e2 100755
--- a/www/front_src/src/styles/partials/_variables.scss
+++ b/www/front_src/src/styles/partials/_variables.scss
@@ -1,6 +1,7 @@
 /* Colors */
 $white-color: #ffffff;
 $black-color: #000000;
+$grey-medium: rgba(209, 210, 212, 1);
 
 $lime-centreon-primary: rgba(132, 189, 0, 1);
 $green-centreon-primary: rgba(67, 176, 42, 1);