title: How to make the left drawable stick to the text
body: <p><strong>XML Code:</strong></p>
  
  <pre><code> &lt;Button
      android:id="@+id/shareProduct"
      android:layout_width="200dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="10dp"
      android:background="@drawable/selector_dark_blue_border_light_blue_solid"
      android:drawableLeft="@drawable/ic_fb"
      android:drawablePadding="10dp"
      android:gravity="center"
      android:paddingBottom="6dp"
      android:paddingTop="6dp"
      android:text="Facebook"
      android:textColor="@color/white"
      android:textSize="16sp" /&gt;
  </code></pre>
  
  <p><strong>What I get:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/HLpde.png" alt="enter image description here"></p>
  
  <p><strong>What I want:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/WTmcc.png" alt="enter image description here"></p>
  
  <p>I thought by giving <code>gravity="center"</code> even the drawable comes in the center. </p>