title: How can I get rid of extra space between the checkbox button and text when using a custom checkbox selector?
body: <p>I have a very simple custom checkbox selector:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
     &lt;item android:state_checked="true" android:drawable="@drawable/ui_checkbox_checked" /&gt;
     &lt;item android:drawable="@drawable/ui_checkbox" /&gt;
  &lt;/selector&gt;
  </code></pre>
  
  <p>that I'm setting using the following code:</p>
  
  <pre><code>&lt;CheckBox android:id="@+id/checkbox1"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_gravity="center_horizontal"
     android:button="@drawable/checkbox_selector"
     android:textSize="12dp"
     android:text="checkbox 1"
     /&gt;
  </code></pre>
  
  <p>The custom checkbox image is smaller than the standard image that comes with Android, but the text is still in exactly the same spot, as if the larger image were still being used.</p>
  
  <p>So instead of looking like <code>[X]_checkbox 1</code> 
  it looks like <code>[X]____checkbox 1</code> with a big space between the box and the text.  How can I fix this?</p>