title: Remove space between menu icon and title
body: <p>In the image below, how can I remove the space between the icon and the title of the item in the menu?</p>
  
  <p><a href="https://i.stack.imgur.com/I49ch.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I49ch.png" alt="Icon and menu item title image"></a></p>
  
  <h3>activity_main_drawer.xml:</h3>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;menu xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item
          android:icon="@drawable/ic_exit_to_app"
          android:id="@+id/logout"
          android:title="Logout" /&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <h3>styles.xml:</h3>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;resources&gt;
      &lt;style name="AppTheme" parent="Theme.AppCompat.Light"&gt;
          &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
          &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
          &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
      &lt;/style&gt;
      &lt;style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" /&gt;
      &lt;style name="AppTheme.LoginButton" /&gt;
      &lt;style name="AppTheme.NoActionBar" parent="AppTheme"&gt;
          &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
          &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
      &lt;/style&gt;
      &lt;style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" /&gt;
  &lt;/resources&gt;
  </code></pre>