<div class="navbar navbar-default" id="top" ng-controller="headerCtrl">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <button type="button" class="navbar-toggle" data-toggle="collapse" ng-show="showAdded" ng-click="open()">
      <span>Added<i class="caret"></i></span>
    </button>
    <a class="navbar-brand" href="/#/browse">
      <img class="navbar-brand-image" src="/img/turtle5.png"/>
      <div>Winston</div>
    </a>
  </div>
  <div class="navbar-collapse collapse navbar-responsive-collapse">
    <ul class="nav navbar-nav navbar-right">
      <!--<li><a ng-click="showAbout()">About</a></li>-->
      <li><a href="mailto:arhoskin@ualberta.ca">Contact</a></li>
    </ul>
  </div>
</div>



<div class="navbar navbar-default" id="top" ng-controller="headerCtrl">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <button type="button" class="navbar-toggle" data-toggle="collapse" ng-show="showAdded" ng-click="open()">
      <span>Added<i class="caret"></i></span>
    </button>
    <a class="navbar-brand" href="/#/browse">
      <img class="navbar-brand-image" src="/img/turtle5.png"/>Winston
    </a>
  </div>
  <div class="navbar-collapse collapse navbar-responsive-collapse">
    <ul class="nav navbar-nav navbar-right">
      <!--<li><a ng-click="showAbout()">About</a></li>-->
      <li><a href="mailto:arhoskin@ualberta.ca">Contact</a></li>
    </ul>
  </div>
</div>



Fix nav text overflow on mobile
Fix nav text overflow on mobile
