anchor.diff:       <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 class="page-content">
  +      <div *ngIf="loading" class="spinner">
  +        <div class="mdl-spinner mdl-js-spinner is-active"></div>
  +      </div>
  +      <router-outlet></router-outlet>
       </div>
  -    <div class="page-content"><router-outlet></router-outlet></div>
     </main>
   </div>
       ''',
  
positive.code: 
  @Component(
      selector: 'app',
      template: '''<div class="mdl-layout mdl-js-layout">
    <header class="mdl-layout__header">
      <div class="mdl-layout__header-row">
        <!-- Title -->
  
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>
  