fix title styling

Author: ryanslatten

web-app/src/app/navigation/navigation.component.html

@@ -6,7 +6,7 @@
       </button>
     </div>
 
-    <div>
+    <div class="title">
       <span class="filter-event">{{filteredEvent.name}}</span>
       <span *ngIf="filteredTeams" class="filter-teams"><span>> {{filteredTeams}}</span></span>
       <span *ngIf="filteredInterval" class="filter-interval"> {{filteredInterval}}</span>
@@ -19,7 +19,7 @@
       <button mat-icon-button class="navigation-options" [matMenuTriggerFor]="menu">
         <mat-icon>more_vert</mat-icon>
       </button>
-      <mat-menu #menu="matMenu">
+      <mat-menu #menu>
         <a mat-menu-item [routerLink]="['/profile']">
           <mat-icon>account_circle</mat-icon>
           <span>Profile</span>

web-app/src/app/navigation/navigation.component.scss

@@ -22,7 +22,8 @@
 }
 
 .title {
-  margin-left: 16px;
+  margin-top: 0.2rem;
+  font-size: 0.75em;
 }
 
 .profile-avatar {