am b02b6380: Merge "UI Polish for list section headers in ContactsCommon" into klp-dev

* commit 'b02b63804b1f6ebe060ff25d9b0c5f62afd5e013':
  UI Polish for list section headers in ContactsCommon
diff --git a/res-common/layout/directory_header.xml b/res-common/layout/directory_header.xml
index 313b468..667bf0e 100644
--- a/res-common/layout/directory_header.xml
+++ b/res-common/layout/directory_header.xml
@@ -32,6 +32,8 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:gravity="center_vertical"
+        android:paddingTop="4dp"
+        android:paddingBottom="8dp"
         android:background="@drawable/list_section_divider_holo_custom"
         >
         <TextView
@@ -40,11 +42,10 @@
             android:layout_height="wrap_content"
             android:layout_marginLeft="8dip"
             android:layout_marginStart="8dip"
-            android:textAppearance="?android:attr/textAppearanceSmall"
+            android:textSize="20sp"
             android:textColor="@color/people_app_theme_color"
             android:singleLine="true"
-            android:textStyle="bold"
-            android:textAllCaps="true"
+            android:fontFamily="sans-serif-light"
             android:textAlignment="viewStart" />
         <TextView
             android:id="@+id/display_name"
@@ -54,11 +55,10 @@
             android:layout_marginRight="8dip"
             android:layout_marginStart="8dip"
             android:layout_marginEnd="8dip"
-            android:textAppearance="?android:attr/textAppearanceSmall"
+            android:textSize="20sp"
             android:textColor="@color/people_app_theme_color"
             android:singleLine="true"
-            android:textStyle="bold"
-            android:textAllCaps="true"
+            android:fontFamily="sans-serif-light"
             android:textAlignment="viewStart" />
         <TextView
             android:id="@+id/count"
diff --git a/res-common/values/styles.xml b/res-common/values/styles.xml
index a577841..5fd199a 100644
--- a/res-common/values/styles.xml
+++ b/res-common/values/styles.xml
@@ -20,7 +20,13 @@
         <item name="android:background">@android:color/transparent</item>
     </style>
 
-    <!-- TextView style with blue underline. It is most suitable for headers.
+
+    <style name="SectionHeaderStyle" parent="@android:style/TextAppearance.Large">
+        <item name="android:textColor">@color/people_app_theme_color</item>
+        <item name="android:fontFamily">sans-serif-light</item>
+    </style>
+
+    <!-- TextView style used for headers.
 
 This is similar to ?android:attr/listSeparatorTextView but uses different
 background and text color. See also android:style/Widget.Holo.TextView.ListSeparator
@@ -31,12 +37,12 @@
         <!-- See comments for @dimen/list_section_divider_min_height -->
         <item name="android:minHeight">@dimen/list_section_divider_min_height</item>
         <item name="android:background">@drawable/list_section_divider_holo_custom</item>
-        <item name="android:textAppearance">?android:attr/textAppearanceSmall</item>
-        <item name="android:textStyle">bold</item>
-        <item name="android:textColor">@color/people_app_theme_color</item>
+        <item name="android:textAppearance">@style/SectionHeaderStyle</item>
         <item name="android:gravity">center_vertical</item>
         <item name="android:paddingLeft">8dip</item>
         <item name="android:paddingStart">8dip</item>
+        <item name="android:paddingTop">4dip</item>
+        <item name="android:paddingBottom">4dip</item>
         <item name="android:ellipsize">end</item>
         <item name="android:singleLine">true</item>
         <item name="android:textAllCaps">true</item>