anchor.diff:  
   @Component(
       selector: 'app',
  -    template: '''<div class="mdl-layout mdl-js-layout">
  +    template: '''<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
     <header class="mdl-layout__header">
       <div class="mdl-layout__header-row">
         <!-- Title -->
  
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:       <!-- Add spacer, to align navigation to the right -->
        <div class="mdl-layout-spacer"></div>
        <!-- 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>
  