title: Android ImageButton cuts icons top
body: <p>I'm having an issue with android ImageButton. 
  My icon in it gets cut off at the top.</p>
  
  <p>the code is following:  </p>
  
  <pre><code>&lt;LinearLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:gravity="center"
      android:orientation="horizontal"
      android:layout_marginBottom="20sp"
      android:paddingLeft="20sp"
      android:paddingRight="20sp" &gt;
  
      &lt;TextView
          android:id="@+id/registration_1_button_sex_male_title"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="@string/registration_1_male"
          android:textColor="#fff"
          android:textSize="15sp"
          android:typeface="monospace" /&gt;
  
      &lt;ImageButton
          android:id="@+id/registration_1_button_sex_male"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:background="@android:color/transparent"
          android:paddingRight="20sp"
          android:src="@drawable/icon_male_blue" /&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I've tried several hacks which I've googled out but none of them helped.</p>