menu chnages

src/app/components/app-sidebar/app-sidebar.component.html

@@ -4,12 +4,17 @@
       <li class="nav-item" *ngIf="!nav.children" >
         <a class="nav-link" routerLinkActive="active" [routerLink]="[nav.url]"><i class="{{nav.icon}}"></i>{{nav.name}}</a>
       </li>
-      <li *ngIf="nav.children" class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown>
+      <li *ngIf="nav.children" class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown >
         <a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="{{nav.icon}}"></i> {{nav.name}}</a>
+      
         <ul class="nav-dropdown-items" *ngFor="let sub of nav.children">
-          <li class="nav-item">
+           
+        
+          <li class="nav-dropdown" *ngIf="!sub.children" >
             <a class="nav-link" routerLinkActive="active" [routerLink]="[sub.url]"> {{sub.name}}</a>
           </li>
+           <li *ngIf="sub.children" class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown>
+        <a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="{{sub.icon}}"></i> {{sub.name}}</a>
         </ul>
       </li>
 

src/app/components/app-sidebar/app-sidebar.component.ts

@@ -103,7 +103,7 @@ export class AppSidebar {
     //     }
       ]
     },{
-      name: 'Student Enrolment',
+      name: 'Enrolment',
       icon: 'fa fa-graduation-cap',
       url : '/enrolment'
     },{

src/scss/core/_sidebar.scss

@@ -86,19 +86,20 @@
 
       ul {
         max-height: 0;
-        padding: 0;
+        padding: -2;
         margin: 0;
+		content:flex-direction;
         overflow-y: hidden;
         transition: max-height .3s ease-in-out;
 
         li {
-          padding: 0;
+          padding: -1;
           list-style: none;
         }
       }
 
       .nav-link {
-        display: block;
+       display: flex;
         padding: $sidebar-nav-link-padding-y $sidebar-nav-link-padding-x;
         color: $sidebar-nav-link-color;
         text-decoration: none;