md-toolbar(ng-show="!state.searching" ng-click="state.searching = !state.searching")
  .md-toolbar-tools
    h1 MT News Archive
    span(flex)
    md-button(aria-label="search")
      md-icon search
md-toolbar.md-hue-2(ng-show="state.searching")
  .md-toolbar-tools
    md-button(ng-click="state.searching = !state.searching" aria-label="Back")
      md-icon arrow_back
    h1(flex="10") Back
    md-input-container.md-accent(flex)
      label Search
      input.search(ng-model="state.searchString")
    md-input-container.md-accent
      label After
      input(ng-model="state.after" type="date")
    md-input-container.md-accent
      label Before
      input(ng-model="state.before" type="date")
    md-button(aria-label="search" ng-click="state.search()")
      md-icon search

md-toolbar(ng-show="!state.searching" ng-click="state.searching = !state.searching")
  .md-toolbar-tools
    h1 MT News Archive
    span(flex)
    md-button(aria-label="search")
      md-icon search
md-toolbar.md-hue-2(ng-show="state.searching")
  form(ng-submit="state.search()")
    .md-toolbar-tools
      md-button(ng-click="state.searching = !state.searching" aria-label="Back")
        md-icon arrow_back
      h1(flex="10") Back
      md-input-container.md-accent(flex)
        label Search
        input.search(ng-model="state.searchString")
      md-input-container.md-accent
        label After
        input(ng-model="state.after" type="date")
      md-input-container.md-accent
        label Before
        input(ng-model="state.before" type="date")
      md-button(aria-label="search" ng-click="state.search()")
        md-icon search

Add a form-level action for searching.
Add a form-level action for searching.
