<div id="graphs" class="row">
  <div class="col-4">
    <button class="btn-primary" (click)="goToTemplateView()">GOTO TEMPLATE</button>
  </div>
  <div class="col-4">
    <button class="btn-primary" (click)="createTemplateView()">CREATE TEMP BUTTON</button>
  </div>
  <div class="col-4">
    <button class="btn-primary" (click)="createPaperView()">CREATE OMP BUTTON</button>
  </div>
</div>
<div id="classes" class="row">
  <div>
    <h3>Your Classes</h3>
  </div>
  <div>
    <h4 *ngIf="classList.length <= 0">It appears you aren't enrolled anywhere!</h4>
  </div>
  <ag-grid-angular
    style="width: 500px; height: 500px;"
   class="ag-theme-balham"
   [rowData]="rowData | async"
   [columnDefs]="columnDefs"
  >
  </ag-grid-angular>
</div>