<!-- <header id="navigation" class="btn-navigate mb-8" [style.width]="widthPosition" *ngIf="!resourcesService.onResize()">
    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" matRipple >
      <mat-icon class="white_font">arrow_back</mat-icon>
      <div class="page-name ml-4">{{ nameButton }}</div>
    </div>
</header> -->

<header [style.margin-left]="widthPosition" >
  <button mat-fab extended color="primary" *ngIf="!resourcesService.onResize()" (click)="navigateRoute()">
    <mat-icon>arrow_back</mat-icon> {{ nameButton }}
  </button>

  <button mat-mini-fab color="primary" [matTooltip]="nameButton" *ngIf="resourcesService.onResize()" (click)="navigateRoute()">
    <mat-icon>arrow_back</mat-icon>
  </button>
</header>


<!-- <header id="navigation" class="btn-navigate mb-8" [style.margin-left]="widthPosition" *ngIf="resourcesService.onResize()">
    <div class="prev-page prevent-select indigo_primary_background mat-elevation-z8" matRipple [matTooltip]="nameButton">
      <mat-icon class="white_font">arrow_back</mat-icon>
    </div>
</header> -->

