more user status styling updates

cmu-sei · Dec 14, 2021 · 863fd86 · 863fd86
1 parent db1435c
commit 863fd86
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 44 deletions.
diff --git a/...components/player/user-presence-page/team-user-presence/team-user-presence.component.scss b/...components/player/user-presence-page/team-user-presence/team-user-presence.component.scss
@@ -5,7 +5,6 @@ Copyright 2021 Carnegie Mellon University. All Rights Reserved.
 
 mat-header-cell {
   font-size: 15px;
-  font-weight: bold;
 }
 
 mat-panel-title {

diff --git a/src/app/components/player/user-presence-page/user-presence/user-presence.component.html b/src/app/components/player/user-presence-page/user-presence/user-presence.component.html
@@ -4,48 +4,47 @@
 -->
 
 <div>
-    <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="0.5em">
-      <mat-icon svgIcon="ic_magnify_search"></mat-icon>
-      <mat-form-field fxFlex="20">
-        <input
-          matInput
-          [(ngModel)]="searchTerm"
-          (keyup)="applyFilter($event.target.value)"
-          placeholder="Search"
-        />
-        <button
-          matSuffix
-          *ngIf="searchTerm != ''"
-          mat-icon-button
-          (click)="clearFilter()"
-          matTooltip="Clear Search"
-        >
-          <mat-icon svgIcon="ic_cancel_circle"></mat-icon>
-        </button>
-      </mat-form-field>
-      <button mat-raised-button color="primary" (click)="accordion.openAll()">
-        Expand All
-      </button>
-      <button mat-raised-button color="primary" (click)="accordion.closeAll()">
-        Collapse All
-      </button>
-      <mat-checkbox
-        class="search-checkbox text"
-        color="primary"
-        (change)="setHideInactive($event.checked)"
-        >Hide Inactive</mat-checkbox
+  <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="0.5em">
+    <mat-icon svgIcon="ic_magnify_search"></mat-icon>
+    <mat-form-field fxFlex="20">
+      <input
+        matInput
+        [(ngModel)]="searchTerm"
+        (keyup)="applyFilter($event.target.value)"
+        placeholder="Search"
+      />
+      <button
+        matSuffix
+        *ngIf="searchTerm != ''"
+        mat-icon-button
+        (click)="clearFilter()"
+        matTooltip="Clear Search"
       >
-    </div>
-
-    <mat-accordion multi>
-      <div *ngFor="let team of _teams | async; trackBy: trackByTeamId">
-        <app-team-user-presence
-          [team]="team"
-          [users]="getPresenceByTeamId(team.id) | async"
-          [searchTerm]="searchTerm$ | async"
-          [hideInactive]="hideInactive"
-        ></app-team-user-presence>
-      </div>
-    </mat-accordion>
+        <mat-icon svgIcon="ic_cancel_circle"></mat-icon>
+      </button>
+    </mat-form-field>
+    <button mat-raised-button color="primary" (click)="accordion.openAll()">
+      Expand All
+    </button>
+    <button mat-raised-button color="primary" (click)="accordion.closeAll()">
+      Collapse All
+    </button>
+    <mat-checkbox
+      class="search-checkbox text"
+      color="primary"
+      (change)="setHideInactive($event.checked)"
+      >Hide Offline</mat-checkbox
+    >
   </div>
-
+
+  <mat-accordion multi>
+    <div *ngFor="let team of _teams | async; trackBy: trackByTeamId">
+      <app-team-user-presence
+        [team]="team"
+        [users]="getPresenceByTeamId(team.id) | async"
+        [searchTerm]="searchTerm$ | async"
+        [hideInactive]="hideInactive"
+      ></app-team-user-presence>
+    </div>
+  </mat-accordion>
+</div>