From e341f22dc939090d6c74be45cd73d19026023a61 Mon Sep 17 00:00:00 2001
From: Kyle Horimoto <khorimoto@google.com>
Date: Fri, 4 Sep 2015 10:34:12 -0700
Subject: Style the host list items with material design.

This change updates the items to be in line with the guideline here: https://www.google.com/design/spec/components/lists.html#lists-specs.
---
 app/src/main/res/layout-port/item_host.xml | 48 +++++++++++++++++++-----------
 1 file changed, 30 insertions(+), 18 deletions(-)

(limited to 'app/src/main/res/layout-port')

diff --git a/app/src/main/res/layout-port/item_host.xml b/app/src/main/res/layout-port/item_host.xml
index 7ee7f0a..d653191 100644
--- a/app/src/main/res/layout-port/item_host.xml
+++ b/app/src/main/res/layout-port/item_host.xml
@@ -22,36 +22,48 @@
 	xmlns:android="http://schemas.android.com/apk/res/android"
 	android:layout_width="fill_parent"
 	android:layout_height="wrap_content"
-	android:padding="10dip"
+	android:minHeight="72dp"
 	>
 
 	<ImageView
 		android:id="@android:id/icon"
-		android:layout_width="wrap_content"
-		android:layout_height="wrap_content"
+		android:layout_width="40dp"
+		android:layout_height="40dp"
 		android:layout_alignParentRight="true"
+		android:layout_centerVertical="true"
+		android:layout_marginRight="16dp"
 		android:contentDescription="@string/image_description_connected"
-		android:paddingTop="5dip"
 		android:src="@drawable/connected"
 		/>
 
-	<TextView
-		android:id="@android:id/text1"
+	<LinearLayout
 		android:layout_width="wrap_content"
 		android:layout_height="wrap_content"
-		android:ellipsize="end"
-		android:paddingRight="20dip"
-		android:singleLine="true"
-		android:textAppearance="?android:attr/textAppearanceLarge"
-		/>
+		android:layout_alignWithParentIfMissing="true"
+		android:layout_centerVertical="true"
+		android:layout_marginLeft="16dp"
+		android:layout_marginRight="16dp"
+		android:orientation="vertical"
+		>
 
-	<TextView
-		android:id="@android:id/text2"
-		android:layout_width="wrap_content"
-		android:layout_height="wrap_content"
-		android:layout_below="@android:id/text1"
-		android:textAppearance="?android:attr/textAppearanceSmall"
-		/>
+		<TextView
+			android:id="@android:id/text1"
+			android:layout_width="wrap_content"
+			android:layout_height="wrap_content"
+			android:ellipsize="end"
+			android:singleLine="true"
+			android:paddingTop="20dp"
+			android:textAppearance="@style/ListItemFirstLineText"
+			/>
+
+		<TextView
+			android:id="@android:id/text2"
+			android:layout_width="wrap_content"
+			android:layout_height="wrap_content"
+			android:paddingBottom="20dp"
+			android:textAppearance="@style/ListItemSecondLineText"
+			/>
 
+	</LinearLayout>
 
 </RelativeLayout>
\ No newline at end of file
-- 
cgit v1.2.3