<!--
  ~ Copyright (c) 2014-2020 Bjoern Kimminich.
  ~ SPDX-License-Identifier: MIT
  -->

<div class="mat-typography">
    <h1><span>{{title}}</span></h1>
    <div class="text-justify" [innerHtml]="message"></div>
    <button
      *ngIf="showHackingInstructor"
      mat-raised-button color="warn"
      (click)="startHackingInstructor()"
      [matTooltip]="('SCORE_BOARD_HACKING_INSTRUCTOR' | translate)"
      matTooltipPosition="above"
    >
      <mat-icon>
        school
      </mat-icon>
      {{'BTN_GETTING_STARTED' | translate}}
    </button>
    <button mat-raised-button class="close-dialog" (click)="closeWelcome()" color="primary" aria-label="Close Welcome Banner">
      {{"BTN_DISMISS" | translate}}
    </button>
</div>

<!--
  ~ Copyright (c) 2014-2020 Bjoern Kimminich.
  ~ SPDX-License-Identifier: MIT
  -->

<div class="mat-typography">
    <h1><span>{{title}}</span></h1>
    <div class="text-justify" [innerHtml]="message"></div>
    <button
      *ngIf="showHackingInstructor"
      mat-raised-button color="warn"
      (click)="startHackingInstructor()"
      [matTooltip]="('SCORE_BOARD_HACKING_INSTRUCTOR' | translate)"
      matTooltipPosition="above"
    >
      <mat-icon>
        school
      </mat-icon>
      <span fxShow fxHide.lt-sm>{{'BTN_GETTING_STARTED' | translate}}</span>
    </button>
    <button mat-raised-button class="close-dialog" (click)="closeWelcome()" color="primary" aria-label="Close Welcome Banner">
      {{"BTN_DISMISS" | translate}}
    </button>
</div>

Hide tutorial button text on very small displays
Hide tutorial button text on very small displays