exercise-details-nonmodal.component.html

<div *ngIf="exercise">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <jhi-exercise-header [exercise]="exercise" style="display: flex"></jhi-exercise-header>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        <jhi-exercise-body [exercise]="exercise"></jhi-exercise-body>
      </div>
    </div>
  </div>
  <jhi-markdown-viewer [exercise]="exercise"></jhi-markdown-viewer>
</div>