<script type="text/ng-template" id="toggle-modes.html">
  <div ng-controller="ToggleController">
    <md-switch class="md-accent md-hue-2 app-header-toggle" ng-model="expandedMode" aria-label="Toggle expanded widget layout" ng-change="toggleMode(expandedMode)">
      <span hide-sm hide-xs>Show expanded mode</span>
      <span hide-gt-sm>Show Expanded</span>
    </md-switch>
  </div>
</script>
<app-header-two-way-bind app-title="'Home'"
                         app-icon="'fa-home'"
                         app-action-link-url="'apps'"
                         app-action-link-icon="GuestMode ? 'fa-globe' : 'fa-plus-square'"
                         app-action-link-text="GuestMode ? 'Browse MyUW' : 'Add more to home'"
                         app-single-option="true"
                         app-option-template="'toggle-modes.html'">
</app-header-two-way-bind>

<script type="text/ng-template" id="toggle-modes.html">
  <div ng-controller="ToggleController">
    <md-switch class="md-accent md-hue-2 app-header-toggle" ng-model="expandedMode"
               aria-label="Toggle expanded widget layout" ng-change="toggleMode(expandedMode)"
               style="margin-top:0;margin-bottom:0;">
      <span hide-sm hide-xs>Show expanded mode</span>
      <span hide-gt-sm>Show Expanded</span>
    </md-switch>
  </div>
</script>
<app-header-two-way-bind app-title="'Home'"
                         app-icon="'fa-home'"
                         app-action-link-url="'apps'"
                         app-action-link-icon="GuestMode ? 'fa-globe' : 'fa-plus-square'"
                         app-action-link-text="GuestMode ? 'Browse MyUW' : 'Add more to home'"
                         app-single-option="true"
                         app-option-template="'toggle-modes.html'">
</app-header-two-way-bind>

Add inline style to toggle so it appears correctly in mobile dropdown
Add inline style to toggle so it appears correctly in mobile dropdown
