<div id="graphs" class="row">
  <div class="col-4">
    <p>First graph!</p>
  </div>
  <div class="col-4">
    <p>Second graph!</p>
  </div>
  <div class="col-4">
    <button class="btn-primary" (click)="createPaperView()">CREATE TEMP 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>
    <div *ngFor="let ompclass of classList; let i = index" [attr.data-index]="i">
      <div class="container">
        <span class="row">Class Code: {{ompclass.classCode}}</span>
        <span class="row">Class Name: {{ompclass.classname}}</span>
        <span class="row">Description: {{ompclass.description}}</span>
        <span class="row">Year: {{ompclass.year}}</span>
        <span class="row"><button (click)="goToPaperView(ompclass.classCode)">View Class</button></span>
      </div>
    </div>
</div>