title: How can I modify this theme to prevent Button text from overlapping the TextView text?
body: <p>I have a layout that appears as follows when there is no style applied to it (other than hard-coded styles, e.g. colour &amp; font that apply to both instances):</p>
  
  <p><img src="https://i.stack.imgur.com/kfSpW.png" alt="enter image description here"></p>
  
  <p>But it appears like this when I apply a style:</p>
  
  <p><img src="https://i.stack.imgur.com/zngGM.png" alt="enter image description here"></p>
  
  <p>The layout is defined as:</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/layout1"
      android:layout_width="match_parent"
      android:layout_height="fill_parent"
      android:orientation="horizontal"&gt;
      &lt;TextView
          android:id="@+id/txtBlock"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="[Block Name]"
          android:textSize="15sp"
          android:layout_gravity="center" /&gt;
      &lt;Button
          android:gravity="left|bottom"
          android:background="@null"
          android:text="[Block Status]"
          android:id="@+id/btnStatus"
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_toLeftOf="@+id/imgAlarm"
          android:layout_alignParentLeft="true" /&gt;
      &lt;ImageButton
          android:id="@id/imgAlarm"
          android:background="@null"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:src="@drawable/alarm"
          android:layout_centerVertical="true"
          android:layout_alignParentRight="true" /&gt;
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>and my styles.xml is defined as:</p>
  
  <pre><code>&lt;resources&gt;
  
    &lt;!-- Base application theme, dependent on API level. This theme is replaced
          by AppBaseTheme from res/values-vXX/styles.xml on newer devices. --&gt;
    &lt;style name="AppBaseTheme" parent="android:Theme.Light"&gt;
      &lt;!-- Theme customizations available in newer API levels can go in
              res/values-vXX/styles.xml, while customizations related to
              backward-compatibility can go here. --&gt;
    &lt;/style&gt;
  
    &lt;!-- Application theme. --&gt;
    &lt;style name="AppTheme" parent="AppBaseTheme"&gt;
      &lt;!-- All customizations that are NOT specific to a particular API-level can go here. --&gt;
    &lt;/style&gt;
  
    &lt;style name="FullscreenTheme" parent="android:Theme.NoTitleBar"&gt;
      &lt;item name="android:windowContentOverlay"&gt;@null&lt;/item&gt;
      &lt;item name="android:windowBackground"&gt;@null&lt;/item&gt;
    &lt;/style&gt;
  
    &lt;style name="ButtonBar"&gt;
      &lt;item name="android:paddingLeft"&gt;2dp&lt;/item&gt;
      &lt;item name="android:paddingTop"&gt;5dp&lt;/item&gt;
      &lt;item name="android:paddingRight"&gt;2dp&lt;/item&gt;
      &lt;item name="android:paddingBottom"&gt;0dp&lt;/item&gt; 
      &lt;item name="android:background"&gt;@android:drawable/bottom_bar&lt;/item&gt;
    &lt;/style&gt;
  
    &lt;style name="ButtonBarButton" /&gt;
  
    &lt;style name="keypad_button" &gt;
      &lt;item name="android:layout_width" &gt;fill_parent&lt;/item&gt;
      &lt;item name="android:layout_height" &gt;wrap_content&lt;/item&gt;
      &lt;item name="android:textColor" &gt;#ffffff&lt;/item&gt;
      &lt;item name="android:gravity" &gt;center&lt;/item&gt;
      &lt;item name="android:textSize" &gt;15sp&lt;/item&gt;
      &lt;item name="android:width"&gt;65dp&lt;/item&gt;
    &lt;/style&gt;
  
    &lt;!--&lt;style name="CustomTheme" parent="@android:style/Theme"&gt;
      &lt;item name="android:tabWidgetStyle"&gt;@style/CustomTabWidget&lt;/item&gt;
    &lt;/style&gt;
    &lt;style name="CustomTabWidget" parent="@android:style/Widget.TabWidget"&gt;
      &lt;item name="android:textAppearance"&gt;@style/CustomTabWidgetText&lt;/item&gt;
    &lt;/style&gt;
    &lt;style name="CustomTabWidgetText" parent="@android:style/TextAppearance.Widget.TabWidget"&gt;
      &lt;item name="android:textSize"&gt;50sp&lt;/item&gt;
      &lt;item name="android:textStyle"&gt;bold&lt;/item&gt;
    &lt;/style&gt;--&gt;
  
  &lt;/resources&gt;
  </code></pre>
  
  <p>What do I need to do to prevent the text from overlapping?</p>