mgr/dashboard: fix navigation sidebar elements alignment

Currently the navigation sidebar elements are not aligned properly with the three bars for opening and closing the sidebar. This PR address that minor cleanup.

Fixes: https://tracker.ceph.com/issues/46621
Signed-off-by: Nizamudeen A <nia@redhat.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
index d905f52067c2a5ecd28eb7a8c6e764d28840ab99..2f002db0ff75f04908d6e0100e63cf0954560297 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
@@ -184,6 +184,7 @@ $sidebar-width: 200px;
         display: block;
         font-size: 1.1em;
         padding: 10px;
+        padding-left: 27px;
 
         text-decoration: none;
 
@@ -225,7 +226,7 @@ $sidebar-width: 200px;
   ul ul a {
     background: lighten(bd.$color-navbar-bg, 10);
     font-size: 0.9em !important;
-    padding-left: 30px !important;
+    padding-left: 40px !important;
   }
 
   .cd-navbar-primary a:focus {