title: Android Material design toolbar custom action menu is not aligned correctly
body: <p>I have just adopted Material Design Toolbar into my app. I have followed the guidance from Chris Banes <a href="https://chris.banes.me/2014/10/17/appcompat-v21/" rel="nofollow noreferrer">blog</a> for getting it working on pre-Lollipop devices
  However, it seems that I can't get my action menu items to be vertically centered.</p>
  
  <p>Here is a screenshot of what it looks like on Kitkat device.
  <img src="https://i.stack.imgur.com/m2qUx.png" alt="Kitkat screenshot"></p>
  
  <p>As you can see the title and menu icons are not aligned. Somehow title is aligned correctly but not the action menus nor navigation icon. They are instead align to bottom.</p>
  
  <p>Here is my toolbar layout</p>
  
  <pre><code>&lt;android.support.v7.widget.Toolbar
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/toolbar"
       android:layout_width="match_parent"
       android:layout_height="?android:attr/actionBarSize"
       android:background="?attr/colorPrimaryDark"/&gt;
  </code></pre>
  
  <p>I tried putting android:gravity on the layout but it doesn't do anything.</p>
  
  <p>Here is my abstract activity code that assign toolbar as action bar</p>
  
  <pre><code>public abstract class BaseMaterialActivity extends ActionBarActivity {
  
  private Toolbar toolbar;
  
  public abstract int getLayoutResources();
  
  public abstract boolean isShowActionBar();
  
  @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(getLayoutResources());
      if (isShowActionBar()) {
          toolbar = (Toolbar) findViewById(R.id.toolbar);
          if (toolbar != null) {
              setSupportActionBar(toolbar);
              toolbar.setNavigationIcon(getResources().getDrawable(R.drawable.ic_drawer));
              getSupportActionBar().setDisplayHomeAsUpEnabled(true);
              getSupportActionBar().setDisplayShowTitleEnabled(true);
              getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_nav_back);
          }
      }
      if (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.LOLLIPOP) {
          getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
      }
  }
  
  public Toolbar getToolbar() {
      return toolbar;
  }
  </code></pre>
  
  <p>}</p>
  
  <p>Here is my menu.xml</p>
  
  <pre><code>&lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
  
       &lt;item
           android:id="@+id/action_filter"
           android:icon="@drawable/ic_filter"
           android:orderInCategory="1"
           app:showAsAction="always|withText"
           android:title="@string/filters" /&gt;
  
       &lt;item
           android:id="@+id/action_cart"
           app:actionLayout="@layout/action_cart_icon_layout"
           android:orderInCategory="2"
           app:showAsAction="always"
           android:title="@string/cart" /&gt;
  
  
   &lt;/menu&gt;
  </code></pre>
  
  <p>Any help or pointer on how to get the action menu to be vertically centered  would be appreciated. Thank you!</p>