super-productivity/app/scripts/main-header/main-header-d.html

<md-toolbar class="md-hue-2">
  <div class="md-toolbar-tools">
    <ng-md-icon icon="cloud"
                aria-label="cloud"></ng-md-icon>
    <h2>
      <a ui-sref="daily-planner">SuperProductivity</a>
    </h2>
    <span flex></span>

    <md-button class="md-icon-button"
               aria-label="Add Task"
               ng-click="vm.openAddTask()">
      <ng-md-icon icon="add"></ng-md-icon>
    </md-button>

    <md-button class="md-icon-button"
               aria-label="Daily Planner"
               ui-sref-active="is-active"
               ui-sref="daily-planner">
      <ng-md-icon icon="border_color"></ng-md-icon>
    </md-button>

    <md-button class="md-icon-button"
               aria-label="Work View"
               ui-sref-active="is-active"
               ui-sref="work-view">
      <ng-md-icon icon="format_list_bulleted"></ng-md-icon>
    </md-button>

    <md-button class="md-icon-button"
               aria-label="Daily Summary"
               ui-sref-active="is-active"
               ui-sref="daily-summary">
      <ng-md-icon icon="done_all"></ng-md-icon>
    </md-button>

    <md-button class="md-icon-button"
               aria-label="Settings"
               ui-sref-active="is-active"
               ui-sref="settings">
      <ng-md-icon icon="settings"></ng-md-icon>
    </md-button>
  </div>
</md-toolbar>