title: how do I align text and image in same button
body: <p>How do I align text and image with same button? I want to do like this image:</p>
  
  <p><img src="https://i.stack.imgur.com/gflFO.png" alt="enter image description here"></p>
  
  <p>but my button looks like this, with text overlapping the image:</p>
  
  <p><img src="https://i.stack.imgur.com/l8TN0.png" alt="enter image description here"></p>
  
  <p>This is my code below. How do I make space in between text and image in the same button?</p>
  
  <pre><code>&lt;LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="15dp"
      android:layout_weight="0"
      android:weightSum="1"
      android:orientation="horizontal" &gt;
  
         &lt;Button android:id="@+id/btnUtilitybillpayments"
              style="?android:attr/buttonStyleSmall"
              android:layout_height="wrap_content"
              android:layout_width="0dp"
              android:layout_weight="1"
              android:drawableLeft="@drawable/handshake"
              android:layout_marginRight="55dip"
              android:layout_marginLeft="55dip"
              android:drawablePadding="-25dp"
              android:paddingLeft="10dip"
              android:paddingRight="50dip"
              android:layout_marginTop="10dip"
              android:background="@drawable/curvedplanebutton"
              android:textColor="@drawable/button_text_color"
              android:text="Utility Bills Payment"/&gt;
  &lt;/LinearLayout&gt;
  </code></pre>