lecturer-response-view.component.html

<div class="pre-scrollable" id="current-response">
  <div class="card border-primary" style="width: 50rem;">
    <div class="card-body">
      <h5 class="card-title" style="text-underline: black" *ngIf="ready">Response from {{username}}</h5>
    </div>
  </div>
  <div *ngFor="let pair of questionAnswerPairs; let i = index" [attr.data-index]="i" style="margin-top: 1%">
    <div class="card border-primary" style="width: 50rem;">
      <div class="card-body">
        <h5 class="card-title">Question {{i+1}}: {{pair.question.questionText}} </h5>
        <p class="card-text">{{pair.answer.answerText}}</p>
      </div>
    </div>
  </div>
</div>