<table class="table">

  <!-- MARK: - Column headers -->

  <thead class="thead-light">
    <tr>
      <th scope="col" *ngFor="let header of columnHeaders" style="white-space: nowrap;">
          <p style="word-wrap: break-word; width: 100%"> {{ header }} </p>

      </th>
    </tr>
  </thead>

  <!-- MARK: - Column content -->

  <tbody>
    <tr>
      <th *ngIf="this.shouldAppearLoadSpinner()">
          <div class="spinner-border" role="status">
              <span class="sr-only">Loading...</span>
            </div>
      </th>
    </tr>
    <tr *ngFor="let runRecord of mongooseRunRecords">
      <th scope="row">
        <app-mongoose-run-status-icon [runStatus]="runRecord.getStatus()" (click)="onRunStatusIconClicked(runRecord)">
          {{ runRecord.getStatus() }}
        </app-mongoose-run-status-icon>
      </th>

      <td> {{ this.getDisplayingTimeForRecord(runRecord) }} </td>
      <td>
        <a *ngFor="let node of runRecord.getNodesList()">
          {{ node }}
        </a>
      </td>
      <td> {{ runRecord.getDuration() }} </td>
      <td> {{ runRecord.getComment() }} </td>
    </tr>
  </tbody>
</table>
<table class="table">

  <!-- MARK: - Column headers -->

  <thead class="thead-light">
    <tr>
      <th scope="col" *ngFor="let header of columnHeaders" style="white-space: nowrap;">
          <p style="word-wrap: break-word; width: 100%"> {{ header }} </p>

      </th>
    </tr>
  </thead>

  <!-- MARK: - Column content -->

 
  <tbody>
   <tr *ngIf="this.shouldAppearLoadSpinner()">
     <!-- NOTE: Colspan should be equal to amount of overlaying columns. -->
      <td align="center" colspan="5">
          <!-- NOTE: Loading spinner. It appears if a Mongoose run has been launched, but its metrics ...
          ... weren't exported to Prometheus yet. -->
          <button class="btn btn-light" style="width: calc(50%);">
              <span class="spinner-border spinner-border-sm"></span>
              Loading Mongoose run..
            </button>
        </td>
   </tr>
    
    <tr *ngFor="let runRecord of mongooseRunRecords">
      <th scope="row">
        <app-mongoose-run-status-icon [runStatus]="runRecord.getStatus()" (click)="onRunStatusIconClicked(runRecord)">
          {{ runRecord.getStatus() }}
        </app-mongoose-run-status-icon>
      </th>

      <td> {{ this.getDisplayingTimeForRecord(runRecord) }} </td>
      <td>
        <a *ngFor="let node of runRecord.getNodesList()">
          {{ node }}
        </a>
      </td>
      <td> {{ runRecord.getDuration() }} </td>
      <td> {{ runRecord.getComment() }} </td>
    </tr>
  </tbody>
</table>
Change appearence of spinning bar.
Change appearence of spinning bar.
