title: Too much margin on SearchView
body: <p>My SearchView is showing up like this:</p>
  
  <p><a href="https://i.stack.imgur.com/QGtDZ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QGtDZ.png" alt="enter image description here"></a></p>
  
  <p>As you can see there is a margin both on the <code>search_edit_frame</code> of the SearchView, and outside the SearchView itself.</p>
  
  <p><a href="https://i.stack.imgur.com/WmtJI.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WmtJI.png" alt="enter image description here"></a></p>
  
  <p>Where is this coming from? Inspecting the layout reveals a margin of 24 pixels to the left of  <code>search_edit_frame</code> but no margin elsewhere.</p>
  
  <p>How can I remove this extra space?</p>
  
  <p>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/appbar_menu_search"
          android:icon="@drawable/ic_search"
          android:title="@string/search_search"
          app:showAsAction="always"
          app:actionViewClass="android.support.v7.widget.SearchView" /&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <p>Layout:</p>
  
  <pre><code>&lt;RelativeLayout
  
      android:id="@+id/root_layout"
      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"&gt;
  
  
      &lt;android.support.design.widget.AppBarLayout
          android:id="@+id/profile_appbar"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@drawable/topbar_gradient"
          android:theme="@style/AppTheme.Dark"
          app:layout_constraintLeft_toLeftOf="parent"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toTopOf="parent"&gt;
  
          &lt;android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:id="@+id/toolbar"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:background="@drawable/topbar_gradient"
              android:fitsSystemWindows="true"
              android:minHeight="?android:attr/actionBarSize"
              app:layout_scrollFlags="scroll|enterAlways"&gt;
  
          &lt;/android.support.v7.widget.Toolbar&gt;
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
      (...)
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>I managed to reduce the spacing by applying @Jimmy's answer:</p>
  
  <p><a href="https://i.stack.imgur.com/B87xo.png" rel="noreferrer"><img src="https://i.stack.imgur.com/B87xo.png" alt="enter image description here"></a></p>
  
  <p>However theres still a big gap between the "back" imagebutton and the SearchView.</p>