diff --git a/src/app/admin/admin-sidebar/admin-sidebar.component.scss b/src/app/admin/admin-sidebar/admin-sidebar.component.scss index d3607ca625a..4d4c302f089 100644 --- a/src/app/admin/admin-sidebar/admin-sidebar.component.scss +++ b/src/app/admin/admin-sidebar/admin-sidebar.component.scss @@ -56,6 +56,15 @@ padding-bottom: var(--ds-admin-sidebar-item-padding); } + // Remove vertical padding from the wrapper and apply it to the anchor + // In case an anchor also has .sidebar-item, reset it to avoid double padding + .sidebar-sub-level-item-list { + .sidebar-item, .ds-menu-item.sidebar-item { + padding-top: 0; + padding-bottom: 0; + } + } + // These classes handle the collapsing behavior .sidebar-section-wrapper { diff --git a/src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.scss b/src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.scss index 845ba734df6..5aae07485b4 100644 --- a/src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.scss +++ b/src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.scss @@ -3,8 +3,19 @@ list-style: none; margin: 0; padding: 0; - ::ng-deep .ds-menu-item { - margin-left: var(--ds-admin-sidebar-section-indent); + /* Make the entire sub-level row clickable by applying padding to the anchor */ + ::ng-deep { + /* Ensure anchors are full-width blocks */ + .ds-menu-item { + display: block; + width: 100%; + padding-left: var(--ds-admin-sidebar-section-indent); + } + + .sidebar-item .ds-menu-item { + padding-top: var(--ds-admin-sidebar-item-padding); + padding-bottom: var(--ds-admin-sidebar-item-padding); + } } } diff --git a/src/app/shared/menu/menu-item/onclick-menu-item.component.scss b/src/app/shared/menu/menu-item/onclick-menu-item.component.scss index adb670aa6f8..903e9bfdb37 100644 --- a/src/app/shared/menu/menu-item/onclick-menu-item.component.scss +++ b/src/app/shared/menu/menu-item/onclick-menu-item.component.scss @@ -1,3 +1,3 @@ a { cursor: pointer; -} \ No newline at end of file +}