Merge branch '31839-icons-in-left-sidebar-not-centered-when-sidebar-is-collapsed' into 'master'

Resolve "Icons in left sidebar not centered when sidebar is collapsed"

Closes #31839

See merge request gitlab-org/gitlab!16820

app/assets/stylesheets/framework/contextual_sidebar.scss

@@ -177,7 +177,7 @@
       transition: padding $sidebar-transition-duration;
       display: flex;
       align-items: center;
-      padding: 12px 15px;
+      padding: 12px $gl-padding;
       color: $gl-text-color-secondary;
     }
 
@@ -341,7 +341,7 @@
       > a {
         margin-left: 4px;
         // Subtract width of left border on active element
-        padding-left: 11px;
+        padding-left: $gl-padding-12;
       }
 
       .badge.badge-pill {

ee/changelogs/unreleased/31839-icons-in-left-sidebar-not-centered-when-sidebar-is-collapsed.yml

+---
+title: Updated sidebar navigation icons to be horizontally centered when bar is condensed
+merge_request: 16820
+author:
+type: other