title: Support Toolbar title/menu vertical centre
body: <p>I'm new to android development and I'm working on an app with ActionBar and Tabs. Recently I switched to the new support library <code>Toolbar</code> but the title of the toolbar (ActionBar) isn't vertically centred, while the action buttons are correctly placed.
  <a href="http://i.stack.imgur.com/AmUPg.png" rel="nofollow">Title image</a></p>
  
  <p>The same problem occurs with the first MenuItem in the bar (it's moved up a little bit). <a href="http://i.stack.imgur.com/mWwXX.png" rel="nofollow">Menu image</a></p>
  
  <p>My activity extends the AppCompatActivty and the layout looks like this:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                                   xmlns:app="http://schemas.android.com/apk/res-auto"
                                                   xmlns:tools="http://schemas.android.com/tools"
                                                   android:layout_width="match_parent"
                                                   android:layout_height="match_parent"
                                                   android:orientation="vertical"
                                                   tools:context=".MainActivity"&gt;
  
      &lt;android.support.design.widget.AppBarLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"&gt;
  
          &lt;android.support.v7.widget.Toolbar
              android:id="@+id/action_bar_toolbar"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:minHeight="?attr/actionBarSize"
              app:theme="@style/ActionBarTheme"/&gt;
  
          &lt;android.support.design.widget.TabLayout
              android:id="@+id/tabs"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:background="@color/colorPrimary"
              app:tabGravity="fill"
              app:tabMaxWidth="0dp"
              app:tabMode="fixed"/&gt;
  
          &lt;com.myApp.app.views.widgets.ViewPager
              android:id="@+id/fragmentPager"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="@android:color/white"/&gt;
      &lt;/android.support.design.widget.AppBarLayout&gt;
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>and the style:</p>
  
  <pre><code> &lt;style name="ActionBarTheme" parent="Widget.AppCompat.Toolbar"&gt;
          &lt;item name="android:textColorPrimary"&gt;@color/colorPrimaryDark&lt;/item&gt;
          &lt;item name="colorControlNormal"&gt;@color/colorPrimaryDark&lt;/item&gt;
          &lt;item name="android:background"&gt;@color/colorPrimary&lt;/item&gt;
    &lt;/style&gt;
  </code></pre>
  
  <p>Could someone help me fix this issue? I've searched for a solution but found nothing.</p>
  
  <p>P.S. They were correctly placed as I was using the default action bar</p>