Puts display name in h1 tag

e2e/src/app.e2e-spec.ts

@@ -14,6 +14,7 @@ describe('workspace-project App', () => {
 
   it('should click sign-in and navigate to home screen', () => {
     page.clickAndExpectRoute('#sign_in', '/');
+    expect(page.getElements('app-workflow-spec-list').count()).toBeGreaterThan(0);
     expect(page.getElements('app-file-list').count()).toBeGreaterThan(0);
   });
 

src/app/workflow-spec-list/workflow-spec-list.component.html

@@ -11,13 +11,13 @@
     <mat-card-header>
       <mat-card-title>
         <h1>
-          {{wfs.id}}
+          {{wfs.display_name}}
           <button mat-mini-fab color="primary" (click)="editWorkflowSpec(wfs)"><mat-icon>edit</mat-icon></button>
         </h1>
       </mat-card-title>
       <mat-card-subtitle>
         <h2>{{wfs.name}}</h2>
-        <h3>{{wfs.display_name}}</h3>
+        <h3>{{wfs.id}}</h3>
       </mat-card-subtitle>
       <span fxFlex></span>
       <button mat-icon-button title="Delete this workflow specification" color="warn" (click)="confirmDeleteWorkflowSpec(wfs)">