Code cleanup/Refactoring

src/app/app.module.ts

@@ -24,7 +24,6 @@ import { DegreePlannerModule } from './degree-planner/degree-planner.module';
 import { preferencesReducer } from './core/reducer';
 import { UserPreferencesEffects } from './core/effects';
 import { EffectsModule } from '@ngrx/effects';
-import { NewAuditOptionsComponent } from './dars/dars-view/new-audit-options/new-audit-options.component';
 
 @NgModule({
   imports: [
@@ -50,7 +49,6 @@ import { NewAuditOptionsComponent } from './dars/dars-view/new-audit-options/new
   ],
   declarations: [AppComponent, HeaderComponent],
   entryComponents: [
-    NewAuditOptionsComponent,
     CourseDetailsDialogComponent,
     FeedbackDialogComponent,
     CreditOverloadDialogComponent,

src/app/dars/dars-view/dars-view.component.ts

 import { Component, OnInit, ViewChild } from '@angular/core';
 import { AuditMetadata } from '../models/audit-metadata';
 import { MatDialog } from '@angular/material';
-import { NewAuditOptionsComponent } from '../dars-view/new-audit-options/new-audit-options.component';
+import { NewAuditOptionsComponent } from '../new-audit-options/new-audit-options.component';
 import { DARSState } from '../store/state';
 import { Store } from '@ngrx/store';
 import { GlobalState } from '@app/core/state';

src/app/dars/dars.module.ts

@@ -5,7 +5,7 @@ import { SharedModule } from '@app/shared/shared.module';
 import { DARSEffects } from './store/effects';
 import { DarsAuditComponent } from './audit/audit.component';
 import { DarsMetadataTableComponent } from './metadata-table/metadata-table.component';
-import { NewAuditOptionsComponent } from './dars-view/new-audit-options/new-audit-options.component';
+import { NewAuditOptionsComponent } from './new-audit-options/new-audit-options.component';
 import { MatStepperModule } from '@angular/material';
 import { AlertContainerComponent } from '../shared/components/alert-container/alert-container.component';
 

src/app/dars/metadata-table/metadata-table.component.html

@@ -36,7 +36,10 @@
     <!-- Status Column -->
     <ng-container matColumnDef="status">
       <th mat-header-cell *matHeaderCellDef>Status</th>
-      <td mat-cell *matCellDef="let audit">{{audit.darsStatusOfDegreeAuditRequest}}</td>
+      <td mat-cell *matCellDef="let audit">
+        <div>{{audit.darsStatusOfDegreeAuditRequest}}</div>
+        <div>Run {{audit.darsAuditRunDate | date:'short'}}</div>
+      </td>
     </ng-container>
 
     <!-- Status Column -->

src/app/dars/metadata-table/metadata-table.component.scss

@@ -7,6 +7,14 @@
     background-color: #fafafa;
   }
 
+  .mat-header-cell {
+    width: 200px;
+  }
+
+  .mat-header-cell:first-child {
+    width: 50px;
+  }
+
   th {
     font-size: 1rem;
     font-weight: 300;