Show gap b/w indexer and image when inderxer is disabled.

Also move directory header to right by 16dp to make it aligned with
contact list items.

Bug 29831679

Change-Id: I0ec82ceba8d94f2699cdfa9641f237eae8b9ad9d
diff --git a/res-common/layout/directory_header.xml b/res-common/layout/directory_header.xml
index b85ceff..3e41aa7 100644
--- a/res-common/layout/directory_header.xml
+++ b/res-common/layout/directory_header.xml
@@ -20,9 +20,9 @@
     style="@style/DirectoryHeader"
     android:id="@+id/directory_header"
     android:background="?attr/contact_browser_background"
-    android:paddingLeft="?attr/list_item_padding_left"
+    android:paddingLeft="@dimen/directory_header_left_padding"
     android:paddingRight="?attr/list_item_padding_right"
-    android:paddingStart="?attr/list_item_padding_left"
+    android:paddingStart="@dimen/directory_header_left_padding"
     android:paddingEnd="?attr/list_item_padding_right"
     android:paddingTop="@dimen/directory_header_extra_top_padding"
     android:paddingBottom="@dimen/directory_header_extra_bottom_padding"
diff --git a/res-common/values/dimens.xml b/res-common/values/dimens.xml
index 247cfc2..74557f5 100644
--- a/res-common/values/dimens.xml
+++ b/res-common/values/dimens.xml
@@ -24,6 +24,7 @@
 
     <dimen name="directory_header_extra_top_padding">18dp</dimen>
     <dimen name="directory_header_extra_bottom_padding">8dp</dimen>
+    <dimen name="directory_header_left_padding">16dp</dimen>
 
     <!--  Horizontal padding in between contact tiles -->
     <dimen name="contact_tile_divider_padding">23dip</dimen>