SES-136 class update

SessionCompanion/SessionCompanion/ClientApp/package-lock.json

@@ -1392,14 +1392,6 @@
         "tslib": "^1.9.0"
       }
     },
-    "@angular/flex-layout": {
-      "version": "8.0.0-beta.27",
-      "resolved": "https://registry.npmjs.org/@angular/flex-layout/-/flex-layout-8.0.0-beta.27.tgz",
-      "integrity": "sha512-qmpvQPesU4ZQ56IscwgmVRpK2UnyV+gwvXUql7TMv0QV215hLcHczjGsrKkLfW2By5E7XEyDat9br72uVXcPMw==",
-      "requires": {
-        "tslib": "^1.7.1"
-      }
-    },
     "@angular/forms": {
       "version": "8.2.12",
       "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-8.2.12.tgz",

SessionCompanion/SessionCompanion/ClientApp/src/app/components/game-master-dashboard/game-master-dashboard.component.html

@@ -19,15 +19,16 @@
       <mat-nav-list>
         <mat-list-item *ngFor="let item of leftSidenavItems">
           <mat-icon mat-list-icon ><i class="{{item.iconName}}"></i></mat-icon>
-          <mat-list-item
-            [@animateText]="leftSidenavTextExpanded ? 'show' : 'hide'"
-            style="color: white"
+          <span [@animateText]="leftSidenavTextExpanded ? 'show' : 'hide'">
+            <div class="mat-list-text"
+                 style="color: white"
             >
             {{item.displayName}}
-            <mat-icon>
+          </div>
+            <mat-icon mat-list-icon>
               expand_more
             </mat-icon>
-          </mat-list-item>
+            </span>
         </mat-list-item>
       </mat-nav-list>
     </mat-sidenav>