title: Title is on another height than ion-buttons in toolbar
body: <p>i have problems with LOGO as title in IOS. In android, logo and buttons are on the same height. In the IOS LOGO is higher than buttons.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-toolbar&gt;
      &lt;ion-buttons left&gt;
        &lt;button ion-button icon-only (click)="navCtrl.pop()" class="backbutton"&gt;
          &lt;ion-icon name="arrow-back"&gt;&lt;/ion-icon&gt;
        &lt;/button&gt;
      &lt;/ion-buttons&gt;
      &lt;ion-title&gt;
        &lt;img alt="logo" height="20" src='assets/img/logo.png'&gt;
      &lt;/ion-title&gt;
      &lt;ion-buttons end&gt;
        &lt;custom-buttons&gt;&lt;/custom-buttons&gt;
      &lt;/ion-buttons&gt;
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/LiEkz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LiEkz.png" alt="enter image description here"></a></p>
  
  <p>--EDIT</p>
  
  <p>CSS:</p>
  
  <pre><code>ion-title img {
    height: 20px;
  }
  
  ion-title {
    background-color: #121d27;
    color: #fff;
  }
  
  ion-buttons button[icon-only].backbutton {
    color: white;
  }
  
  .toolbar-background{
    background-color: #121d27;
  }
  </code></pre>