title: remove border bottom in ion header
body: <p>I have a problem trying to remove ion header border bottom in my ionic app</p>
  
  <p><img src="https://i.stack.imgur.com/RxQfT.png" alt="you could see my ionic header with border here"></p>
  
  <p>Here is the code of <code>tab-home.html</code>:</p>
  
  <pre><code>                &lt;ion-view hide-nav-bar="true"&gt;
              &lt;ion-header-bar align-title="left" class="bar-transparent" &gt;
              &lt;button menu-toggle="left" class="button button-icon ion-ios7-settings"&gt;
              &lt;/button&gt;
              &lt;div class="title"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;h1 class="title"&gt;proximiti&lt;/h1&gt;
              &lt;/ion-header-bar&gt;
              &lt;!--&lt;ion-nav-bar class="bar-transparent"&gt;
              &lt;/ion-nav-bar&gt;--&gt;
              &lt;ion-pane ng-controller="CardsCtrl"&gt;
              &lt;!--&lt;ion-nav-buttons side="left"&gt;
              &lt;button menu-toggle="left" class="button button-icon ion-navicon"&gt;&lt;/button&gt;
              &lt;/ion-nav-buttons&gt;--&gt;
              &lt;td-cards&gt;
              &lt;td-card ng-repeat="card in cards" on-destroy="cardDestroyed($index)" on-swipe-left="cardSwipedLeft($index)" on-swipe-right="cardSwipedRight($index)" on-partial-swipe="cardPartialSwipe(amt)" class="card-{{card.index}}" ng-controller="CardCtrl"&gt;
              &lt;div class="image"&gt;
              &lt;!--&lt;div class="yes-text" ng-style="leftTextOpacity"&gt;LIKE&lt;/div&gt;--&gt;
              &lt;img ng-src="{{card.image}}"&gt;
              &lt;!--&lt;div class="no-text" ng-style="rightTextOpacity"&gt;NOPE&lt;/div&gt;--&gt;
              &lt;/div&gt;
              &lt;/td-card&gt;
              &lt;/td-cards&gt;
              &lt;/ion-pane&gt;
              &lt;/ion-view&gt;
  </code></pre>
  
  <p>As you can see here the part we're interested in:</p>
  
  <pre><code>                &lt;ion-view hide-nav-bar="true"&gt;
              &lt;ion-header-bar align-title="left" class="bar-transparent" &gt;
              &lt;button menu-toggle="left" class="button button-icon ion-ios7-settings"&gt;
              &lt;/button&gt;
              &lt;div class="title"&gt;&amp;nbsp;&lt;/div&gt;
              &lt;h1 class="title"&gt;proximiti&lt;/h1&gt;
              &lt;/ion-header-bar&gt;
  </code></pre>
  
  <p>I tried everything (in the browser i don't see this border!), but nothing to change it!
  Anyone could help me trying to find the way to delete that border? 
  N.B. : also tried to edit ionic.css and changed only in the browser.</p>
  
  <p><strong>EDIT: And it should be hidden only in this view, so where the class is bar-transparent</strong></p>