title: Android - RelativeLayout with image and text, design problems
body: <p>I have a relative layout with an image and two textviews (one for the news title and the other one for the date). I put a hardcoded value for the width of the textview with the title. If I use wrap content it overlaps the date.</p>
  
  <p>Here's my xml code:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  android:padding="5dp" &gt;
  
  &lt;LinearLayout
      android:id="@+id/thumbnail"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentLeft="true"
      android:layout_marginRight="5dp"
      android:padding="3dp" &gt;
  
      &lt;ImageView
          android:id="@+id/imgIcon"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:background="@drawable/internet"
          android:contentDescription="News" /&gt;
  &lt;/LinearLayout&gt;
  
  &lt;TextView
      android:id="@+id/txtTitle"
      android:layout_width="200dp"
      android:layout_height="wrap_content"
      android:layout_alignTop="@+id/thumbnail"
      android:layout_toRightOf="@+id/thumbnail"
      android:text="Timberlake's fourth studio album The 20/20 Experience – 2 of 2 was released on September 30, 2013."
      android:textSize="14sp" /&gt;
  
  &lt;TextView
      android:id="@+id/txtDate"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentRight="true"
      android:layout_alignTop="@+id/txtTitle"
      android:layout_marginRight="5dp"
      android:gravity="right"
      android:text="23.09.2013"
      android:textColor="#C0C0C0"
      android:textSize="10sp" /&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>For the screen size 4,7 it looks like this:</p>
  
  <p><a href="http://s7.directupload.net/file/d/3428/o7rcmmkg_jpg.htm" rel="nofollow">screen size 4,7</a></p>
  
  <p>But for the screen size 5,1 it looks bad:</p>
  
  <p><a href="http://s1.directupload.net/file/d/3428/cdv9orgb_jpg.htm" rel="nofollow">screen size 5,1</a></p>
  
  <p>My goal is that I have the same look for each screen size.
  The space between the title and the date should always be the same.
  How can I achieve this?</p>