anchor.diff:        <!-- Add spacer, to align navigation to the right -->
         <div class="mdl-layout-spacer"></div>
         <!-- Navigation -->
  -      <nav class="mdl-navigation">
  +      <nav class="mdl-navigation mdl-layout--large-screen-only">
           <a class="mdl-navigation__link" [routerLink]="['/Default', {'filter':''}]">All</a>
           <a class="mdl-navigation__link" [routerLink]="['/Default',{'filter':'family'}]">Family</a>
           <a class="mdl-navigation__link" [routerLink]="['/Default',{'filter':'friend'}]">Friends</a>
  
positive.code:      <button class="mdl-menu__item" href="#" (click)="exportJson()">JSON Export</button>
    </ul>
    <main class="mdl-layout__content">
      <div *ngIf="loading" class="spinner">
      <div class="mdl-spinner mdl-js-spinner is-active"></div>
      </div>
      <div class="page-content"><router-outlet></router-outlet></div>
    </main>
  </div>
      ''',
  
negative.code: 
  @Component(
      selector: 'app',
      template: '''<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
    <header class="mdl-layout__header">
      <div class="mdl-layout__header-row">
        <!-- Title -->
  