<section fxLayout="column" fxLayoutAlign="center center">
  <mat-spinner *ngIf="isLoading"></mat-spinner>
  <section fxFlexFill>
    <section *ngIf="!isLoading && workflows.length == 0" class="empty">
      There's no workflow here.
    </section>
    <mat-nav-list>
      <a *ngFor="let name of workflows"
        mat-list-item
        [routerLink]="[name]">
        <div mat-line>{{ name }}</div>
      </a>
    </mat-nav-list>
  </section>
</section>
