Bringing contact widget in line with the mock

Change-Id: If8e4fd271288843f0799d140b3796ea3f58cd21c
diff --git a/res/drawable-hdpi/contacts_widget_preview.png b/res/drawable-hdpi/contacts_widget_preview.png
new file mode 100644
index 0000000..89b2f45
--- /dev/null
+++ b/res/drawable-hdpi/contacts_widget_preview.png
Binary files differ
diff --git a/res/drawable-mdpi/contacts_widget_preview.png b/res/drawable-mdpi/contacts_widget_preview.png
new file mode 100644
index 0000000..e0bd83e
--- /dev/null
+++ b/res/drawable-mdpi/contacts_widget_preview.png
Binary files differ
diff --git a/res/layout/social_widget.xml b/res/layout/social_widget.xml
index 0aec180..54ece47 100644
--- a/res/layout/social_widget.xml
+++ b/res/layout/social_widget.xml
@@ -16,18 +16,25 @@
 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="horizontal"
-    android:layout_width="fill_parent"
-    android:layout_height="fill_parent"
+    android:layout_width="match_parent"
+    android:layout_height="96dip"
     android:background="#00000000"
+    android:paddingLeft="12dip"
+    android:paddingTop="4dip"
+    android:paddingRight="12dip"
+    android:paddingBottom="20dip"
 >
     <FrameLayout
-        android:layout_width="96dip"
-        android:layout_height="96dip">
+        android:layout_width="68dip"
+        android:layout_height="68dip"
+        android:layout_marginTop="1dip"
+        android:layout_marginLeft="1dip"
+        >
         <ImageView
             android:id="@+id/image"
-            android:padding="10dip"
+            android:padding="4dip"
             android:layout_width="match_parent"
-            android:layout_height="match_parent" />
+            android:layout_height="match_parent"/>
         <ImageButton
             android:id="@+id/border"
             android:background="@drawable/frame_thumbnail_contact_widget_holo"
@@ -36,12 +43,15 @@
     </FrameLayout>
     <FrameLayout
         android:layout_width="0dip"
-        android:layout_height="90dip"
+        android:layout_height="match_parent"
         android:layout_weight="1"
         android:background="@drawable/bg_status_contact_widget"
-        android:layout_gravity="center_vertical"
-        android:layout_marginLeft="-8dip"
-        android:paddingLeft="44dip">
+        android:layout_marginTop="4dip"
+        android:layout_marginRight="4dip"
+        android:layout_marginBottom="6dip"
+        android:layout_marginLeft="0dip"
+        android:paddingLeft="47dip"
+        android:paddingRight="8dip">
 
         <LinearLayout
             android:layout_width="wrap_content"
@@ -58,15 +68,17 @@
                 android:layout_height="wrap_content"
                 android:singleLine="true"
                 android:ellipsize="end"
-                android:textAppearance="?android:attr/textAppearanceMedium"
-                android:textStyle="bold" />
+                android:textSize="14sp"
+                android:textStyle="bold"
+                android:textColor="#FFFFFFFF" />
 
             <TextView
                 android:id="@+id/status"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:textAppearance="?android:attr/textAppearanceSmall"
-                android:maxLines="2"
+                android:textSize="13sp"
+                android:textColor="#FFFFFFFF"
+                android:maxLines="1"
                 android:ellipsize="end"
                 android:visibility="gone" />
 
@@ -74,9 +86,8 @@
                 android:id="@+id/status_date"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:textAppearance="?android:attr/textAppearanceSmall"
-                android:textColor="?android:attr/textColorTertiary"
-                android:textSize="12sp"
+                android:textSize="13sp"
+                android:textColor="#FF444444"
                 android:visibility="gone" />
         </LinearLayout>
     </FrameLayout>