<div class='titleBar'>
    <div class='title'>Messages</div>
    <div>
        <div class='time'
            matTooltip="Approx. lag between the server's scheduler and the local machine: {{ timeDelta }} ms">
            {{ time | date : 'medium' }}
        </div>
        <div *ngIf='status' class='status'>{{ status }}</div>
    </div>
</div>
<mat-list role="list">
    <mat-list-item *ngFor='let msg of msgs' role="listitem">{{ msg }}</mat-list-item>
</mat-list>