correcao

<div
  class="card mat-elevation-z2"
  [class.mat-elevation-z8]="isHover"
  (mouseenter)="isHover = true"
  (mouseleave)="isHover = false"
>

    <mat-expansion-panel class="expansion-panel" expanded="false">
      <mat-expansion-panel-header>
        <div id="grid-row">
        <div><h2 class="title">{{ correction.titulo }}</h2></div>
        </div>
        <div class="iconTop">
          <mat-icon
          *ngIf!="correction.status"
          matTooltip="Isso indica que já foi feita a correção"
          >check</mat-icon>
          <div class="content">{{ correction.tipo }}</div>
          </div>
      </mat-expansion-panel-header>

      <mat-action-row class="action-row">
        <button class="expandable-button" mat-button (click)="Open()">
          <mat-icon class="icon">import_contacts</mat-icon>
          <span>ABRIR</span>
        </button>
        <button class="expandable-button" mat-button (click)="Delete()">
          <mat-icon class="icon">clear</mat-icon>
          <span>EXCLUIR</span>
        </button>
        <button class="expandable-button" mat-button (click)="rename.emit(correction.id)">
          <mat-icon class="icon">create</mat-icon>
          <span>RENOMEAR</span>
        </button>
      </mat-action-row>


    </mat-expansion-panel>

</div>