MWB-906: fix side-nav

meaningfy-ws · Dec 12, 2024 · 1163def · 1163def
1 parent b00dfed
commit 1163def
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/mapping_workbench/frontend/src/layouts/app/vertical-layout/side-nav-item.js b/mapping_workbench/frontend/src/layouts/app/vertical-layout/side-nav-item.js
@@ -199,6 +199,7 @@ export const SideNavItem = (props) => {
                             ...(depth >= -1 && {
                                 borderTopRightRadius: 0,
                                 borderBottomRightRadius: 0,
+                                paddingRight: '12px',
                                 borderRight: '4px solid var(--nav-item-icon-active-color)',
 
                             })

diff --git a/mapping_workbench/frontend/src/layouts/app/vertical-layout/side-nav.js b/mapping_workbench/frontend/src/layouts/app/vertical-layout/side-nav.js
@@ -167,7 +167,7 @@ export const SideNav = (props) => {
                     backgroundColor: 'var(--nav-bg)',
                     color: 'var(--nav-color)',
                     width: small ? SIDE_NAV_WIDTH_SMALL : SIDE_NAV_WIDTH,
-                    borderRight: '1px solid #E4E7EC'
+                    borderRight: '1px solid var(--nav-border-color)'
                 }
             }}
             variant="permanent"