title: TableLayout alignment with icon
body: <p>Here is my XML. 
  I want to align the icon to the left and the text should appear right next to the icon, with some space, like you see elsewhere.  But the text is showing up in the center. (or right aligned to the 2nd column, in two column layout)</p>
  
  <pre><code> &lt;?xml version="1.0" encoding="utf-8"?&gt;
    &lt;ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_scroll"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:fillViewport="true" &gt;
  
    &lt;TableLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="fill_parent"
      android:background="@android:color/white"
      android:layout_margin="5dp"
      android:stretchColumns="2"  
      android:layout_height="wrap_content"&gt;
  
         &lt;TableRow
          android:id="@+id/events_header"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:background="@android:drawable/list_selector_background"
          android:clickable="true"
          android:padding="5dip"&gt;
                &lt;ImageView android:id="@+id/ImageView02" 
                    android:src="@drawable/event_icon"
                        android:layout_width="wrap_content"
            android:layout_height="wrap_content"
                    android:layout_gravity="center_vertical|left"
                    android:layout_margin="5dp"&gt;
                &lt;/ImageView&gt;
                &lt;TextView
                  android:id="@+id/text1"
                  android:layout_width="fill_parent"
                  android:layout_height="wrap_content"
                  android:text="View Events"
                  android:layout_gravity="left"
                  android:textSize="21dp"
                  android:textStyle="bold"
                  android:background="@android:color/black"
                  android:textColor="@android:color/white" /&gt;
           &lt;/TableRow&gt;
          &lt;/TableLayout&gt;
     &lt;/ScrollView&gt;
  </code></pre>
  
  <p>This is how it displays:</p>
  
  <pre><code>    [  *             View Events        ]
  </code></pre>
  
  <ul>
  <li><p>is the icon. I want to display like this.</p>
  
  <pre><code>[  *  View Events                   ]
  </code></pre></li>
  </ul>