<nav class="top-bar">
  <a routerLink="/" class="top-bar-home">
    <h1 class="top-bar-title">
      <fa-icon icon="home"></fa-icon> {{ data.title | text }}
    </h1>
  </a>
  <ng-container *ngIf="data.user as user">
    <span class="user-display-name">{{ user.name }}</span>
  </ng-container>
  <!-- not implemented yet
  <button class="messages-button">
    <fa-icon icon="comments"></fa-icon>
    Messages
    <span class="message-count-badge" [hidden]="messagesCount === 0">{{messagesCount}}</span>
  </button>
  -->
  <ng-container *ngIf="data.user as user">
    <ng-container *ngIf="user.isAdmin">
      <a routerLink="/admin" class="admin-button">
        <fa-icon icon="tools"></fa-icon>
        Admin
      </a>
    </ng-container>
    <button class="user-logout" (click)="logOut()">
      <fa-icon icon="signOutAlt"></fa-icon>
      Logout
    </button>
  </ng-container>
  <ng-container *ngIf="!data.user">
    <button class="user-login" (click)="modalService.open(loginDialog)">
      <fa-icon icon="signInAlt"></fa-icon>
      Login
      <ng-template #loginDialog let-modal>
        <app-login-modal [modal]="modal"></app-login-modal>
      </ng-template>
    </button>
  </ng-container>
</nav>

<nav class="top-bar">
  <a routerLink="/" class="top-bar-home">
    <h1 class="top-bar-title">
      <fa-icon icon="home"></fa-icon> {{ data.title | text }}
    </h1>
  </a>
  <ng-container *ngIf="data.user as user">
    <span class="user-display-name">{{ user.name }}</span>
  </ng-container>
  <!-- not implemented yet
  <button class="messages-button">
    <fa-icon icon="comments"></fa-icon>
    Messages
    <span class="message-count-badge" [hidden]="messagesCount === 0">{{messagesCount}}</span>
  </button>
  -->
  <ng-container *ngIf="data.user as user">
    <ng-container *ngIf="user.isAdmin">
      <a routerLink="/admin" class="admin-button">
        <fa-icon icon="tools"></fa-icon>
        Admin
      </a>
    </ng-container>
    <button class="user-logout" (click)="logOut()">
      <fa-icon icon="sign-out-alt"></fa-icon>
      Logout
    </button>
  </ng-container>
  <ng-container *ngIf="!data.user">
    <button class="user-login" (click)="modalService.open(loginDialog)">
      <fa-icon icon="sign-in-alt"></fa-icon>
      Login
      <ng-template #loginDialog let-modal>
        <app-login-modal [modal]="modal"></app-login-modal>
      </ng-template>
    </button>
  </ng-container>
</nav>

Fix log-in/out icons not showing
Fix log-in/out icons not showing
