changes to css class name and html link

Author: zitrosolrac

ibl-frontend/frontend-content/src/app/session-list/session-list.component.css

@@ -101,7 +101,7 @@ label {
     display: none;
 }
 
-.example-loading-shade {
+.session-list-loading-shade {
     position: absolute;
     /* top: 0; */
     left: 0;

ibl-frontend/frontend-content/src/app/session-list/session-list.component.html

@@ -38,7 +38,7 @@ <h4>
               <mat-datepicker #datePicker></mat-datepicker>
             </mat-form-field>
           </div>
-
+        </div>
           <!-- <div class="session-date-filter">
             <div class="date-range-toggler">
               <label for="isSessionDateUsingRanger">Session Start Date</label>
@@ -72,8 +72,6 @@ <h4>
               </mat-form-field>
             </div>
           </div> -->
-          
-        </div>
         <div class="mouse-field-filters form-section">
           <mat-form-field>
             <label>Lab</label>
@@ -245,12 +243,11 @@ <h4>
       <p [class]="initialLoad ? 'session-list-loading-message show' : 'session-list-loading-message'"></p>
     </div>
     <div class="table-container">
-      <div class="example-loading-shade"
+      <div class="session-list-loading-shade"
           *ngIf="isLoadingTable">
         <mat-spinner *ngIf="isLoadingTable"></mat-spinner>
       </div>
     <table mat-table class="col-12" [dataSource]="sessionRecords" matSort (matSortChange)="storeTableInfo($event)">
-      <!-- <mat-spinner *ngIf="isLoadingResults"></mat-spinner> -->
       <ng-container matColumnDef="session_lab">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> Lab </th>
         <td mat-cell *matCellDef="let session"> {{session.session_lab}} </td>