Remove sidenav padding top and reorganize menu entries

team120 · Apr 7, 2021 · 8b1f63b · 8b1f63b
1 parent be6fe61
commit 8b1f63b
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 21 deletions.
diff --git a/src/app/layout/sidenav-body/sidenav-body.component.html b/src/app/layout/sidenav-body/sidenav-body.component.html
@@ -1,4 +1,4 @@
-<mat-nav-list class="mat-upm-shade-2">
+<mat-nav-list class="mat-upm-shade-2 nav-list">
   <mat-list-item routerLink="/profile" routerLinkActive="active" class="mat-upm-shade-3">
     <div class="profile-image">
       <!-- Insert profile image instead of mat-icon -->
@@ -18,6 +18,16 @@
     <a>UPM Feed</a>
   </mat-list-item>
 
+  <mat-list-item routerLink="/users" routerLinkActive="active">
+    <mat-icon matListIcon>face</mat-icon>
+    <a>Mis solicitudes</a>
+  </mat-list-item>
+
+  <mat-list-item routerLink="/projects" routerLinkActive="active">
+    <mat-icon matListIcon>search</mat-icon>
+    <a>Buscador de Proyectos</a>
+  </mat-list-item>
+
   <mat-divider></mat-divider>
 
   <mat-list-item routerLink="/about" routerLinkActive="active">
@@ -41,16 +51,4 @@
   </mat-list-item>
 
   <mat-divider></mat-divider>
-
-  <mat-list-item routerLink="/users" routerLinkActive="active">
-    <mat-icon matListIcon>face</mat-icon>
-    <a>Mis solicitudes</a>
-  </mat-list-item>
-
-  <mat-list-item routerLink="/projects" routerLinkActive="active">
-    <mat-icon matListIcon>search</mat-icon>
-    <a>Buscador de Proyectos</a>
-  </mat-list-item>
-
-  <mat-divider></mat-divider>
-</mat-nav-list>
+</mat-nav-list>
diff --git a/src/app/layout/sidenav-body/sidenav-body.component.scss b/src/app/layout/sidenav-body/sidenav-body.component.scss
@@ -1,20 +1,25 @@
 #toggleNavBtn {
-    margin-left: 1.25rem;
+  margin-left: 1.25rem;
+}
+
+.nav-list {
+  padding-top: 0;
 }
 
 .profile-data {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .mat-icon-button ::ng-deep .mat-button-focus-overlay {
-    display: none;
+  display: none;
 }
 
-.mat-list-item .mat-icon, a {
-    margin-left: 0.5rem;
+.mat-list-item .mat-icon,
+a {
+  margin-left: 0.5rem;
 }
 
 .lit-marg-b {
-    margin-bottom: 0.5rem;
+  margin-bottom: 0.5rem;
 }