anchor.diff:              tr
                 td Current mode:
                 td(ng-if='viewer.isAnimated()') {{ spectra.mode + 1 }}
  -              td(ng-if='!viewer.isAnimated()') None
  -    md-card
  -      md-card-content(layout="row", layout-align="start center")
  -        h2.md-title Molecule:
  -        md-select(ng-model="selectedMolecule", ng-change="setInchiKey(selectedMolecule.inchikey)")
  -          md-option(ng-repeat="molecule in molecules", ng-value="molecule") {{ molecule.name | mongochemUnderscores }}
  +              td(ng-if='!viewer.isAnimated()') None
positive.code: md-content(ng-controller="mongochemMolecules", flex, layout="column")
    md-content(ng-controller="mongochemMoleculeHome", layout="column", flex)
      md-card(flex, layout='row')
        md-card-content(flex='50', layout='column')
          md-content(layout="row", layout-align="end center")
            md-button.md-fab.md-primary.md-mini(aria-label="Animate", ng-click="animateMolecule()", ng-show="hasAnimation()")
              ng-md-icon(icon="play_arrow",  style="fill: white", ng-hide="viewer.isAnimated()")
  
negative.code:           md-button(ng-click="setViewStyle('line')") Ball & Stick
            md-button(ng-click="setViewStyle('stick')") Stick
            md-button(ng-click="setViewStyle('ball')") Ball
       md-card(flex, layout='row')
        md-card-content(flex, layout='column')
          md-content(mongochem-vibrational-modes-chart, ng-show="hasSpectra()", data="vibrationalModes", style="width: 100%; height: 300px; background-color: transparent;", mongochem-animating="{{isAnimating}}")
          div(layout='row', ng-show='hasSpectra()')
            div(flex='15', layout, layout-align='center center')
  