Untitled

<div class="container">
  <p style="font-size: 30px; font-weight: bolder; margin-left: 15px;">Driving Log</p>

  <div *ngFor="let value of drivingLogs | async" style="color: coral; font-weight: bold;">
    <p>

      <button mat-icon-button matPrefix routerLink="/dash-container/enter-time" [state]="value">
        <svg style="width:24px;height:24px;margin-top: -7px;" viewBox="0 0 24 24">
          <path fill="currentColor" d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z" />
        </svg>
      </button>

      <button #icon mat-icon-button matPrefix (click)="confirmDeletion(value.date)">
        <svg style="width:24px;height:24px;margin-top: -7px;" viewBox="0 0 24 24">
          <path fill="currentColor" d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" />
        </svg>
      </button>


      {{formatEntry(value)}}

    </p>
  </div>

  <p style="text-align: center;" (click)="downloadLog()">
    <button type="submit" mat-flat-button style="margin-top: 10px; font-size: 25px; background: black; color: white; border-radius: 40px; border-color: black; align-items: center; height: 60px; width: 70%;">Download Log</button>
  </p>

</div>