how do i align text and image in same button
<p>How do I align text and image on same button? I want to do like this image:</p>

<p><img src="http://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="http://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 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>
