Redesign sign in and sign in confirmation screens for Narnia 2.0

chrome/android/java/res/layout/account_signin_account_view.xml

Index: chrome/android/java/res/layout/account_signin_account_view.xml
diff --git a/chrome/android/java/res/layout/account_signin_account_view.xml b/chrome/android/java/res/layout/account_signin_account_view.xml
new file mode 100644
index 0000000000000000000000000000000000000000..043eedf763bce80b79b30969fb934794d37a67e5
--- /dev/null
+++ b/chrome/android/java/res/layout/account_signin_account_view.xml
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright 2016 The Chromium Authors. All rights reserved.
+
+     Use of this source code is governed by a BSD-style license that can be
+     found in the LICENSE file.
+-->
+<LinearLayout 
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:paddingStart="16dp"
+    android:paddingEnd="16dp"
+    android:orientation="horizontal">
+
+    <ImageView
+    	android:id="@+id/account_image"

[newt (away), 2016/04/13 18:13:30]

use spaces, not tabs

[gogerald1, 2016/04/13 21:33:12]

Done. Used four spaces instead of a tab, it may be changed by my editor
(sublime).

+    	android:layout_width="40dp"
+    	android:layout_height="40dp"
+    	android:layout_marginEnd="16dp"
+    	android:layout_marginTop="8dp"
+    	android:layout_marginBottom="8dp"
+    	android:contentDescription="@null"/>
+
+    <TextView
+    	android:id="@+id/account_name"
+    	android:layout_width="0dp"
+    	android:layout_height="56dp"

[newt (away), 2016/04/13 18:13:30]

What happens if the email address is really long? Does it wrap to a second line?
We might want to set ellipsize="end" and maxLines=1 instead.

Alternatively, you could set layout_height="wrap_content" and minHeight="56dp",
then also set gravity="center_vertical" on the parent LinearLayout. That'll
allow the UI to adjust nicely when the email wraps to two lines. (This would
also allow you to remove the marginTop and marginBottom attributes from the two
ImageViews, since those views will simply be centered vertically.)

[gogerald1, 2016/04/13 21:33:12]

Done.

+    	android:layout_weight="1"
+    	android:gravity="center_vertical"
+    	android:textColor="@color/default_text_color"
+    	android:textSize="@dimen/fre_normal_text_size"/>
+
+    <ImageView
+    	android:id="@+id/account_selection_mark"
+        android:layout_width="24dp"
+    	android:layout_height="24dp"
+    	android:layout_marginTop="16dp"
+    	android:layout_marginBottom="16dp"
+        android:layout_marginStart="16dp"
+    	android:src="@drawable/bookmark_check_blue"
+        android:contentDescription="@null"
+        android:visibility="gone"/>
+</LinearLayout>