<button class="job {{ align }} {{ type }}" (click)="expand()">
  <div class="info">
    <h2>{{ job.title }}</h2>
    <img
      *ngIf="job.logo && expanded"
      class="logo"
      [src]="'/assets/img/icons/' + job.logo"
      [alt]="job.company + ' Logo'"
    />
    <p>{{ job.company }}</p>
    <p class="date">
      {{ date }}
    </p>

    <p class="desc" *ngIf="icon && expanded">{{ iconDescription }}</p>
    <hr *ngIf="expanded" />
    <article *ngIf="expanded">
      <p *ngFor="let line of description">{{ line }}</p>
    </article>
  </div>
</button>
<fa-icon
  *ngIf="icon"
  class="icon {{ type }}"
  [icon]="icon"
  [attr.alt]="iconDescription"
/>
