view src/app/app.component.html @ 7:f5e2fa766ddf

Move slider to siderbar and center, seems buggy in the sidebar - it'll sometimes snap to the far right and not come back.

<md-toolbar color="primary">
  <md-icon>face</md-icon>
  <span>{{title}}</span>
  <!-- This fills the remaining space of the current row -->
  <span class="app-toolbar-filler"></span>

  <!-- menu opens when trigger button is clicked -->
  <button md-icon-button [md-menu-trigger-for]="menu">
    <md-icon>more_vert</md-icon>
  </button>

  <md-menu x-position="before" #menu="mdMenu">
    <button md-menu-item> Settings</button>
    <button md-menu-item> Help</button>
  </md-menu>
</md-toolbar>

<md-sidenav-layout>
  <md-sidenav align="end" mode="side" opened>
    <md-slider ></md-slider>
  </md-sidenav>
  <app-waveform></app-waveform>
</md-sidenav-layout>