[Payments] Add UI elements to secure branding for payments

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

Index: chrome/android/java/res/layout/payment_request_header.xml
diff --git a/chrome/android/java/res/layout/payment_request_header.xml b/chrome/android/java/res/layout/payment_request_header.xml
index aa227a25027cca6d9c9a545b202be55dd22d5582..a96d91c57304cee6c87deed7ed7f8c57466b9753 100644
--- a/chrome/android/java/res/layout/payment_request_header.xml
+++ b/chrome/android/java/res/layout/payment_request_header.xml
@@ -10,7 +10,8 @@
 -->
 <merge xmlns:android="http://schemas.android.com/apk/res/android" >
 
-    <FrameLayout
+    <org.chromium.chrome.browser.payments.ui.PaymentRequestHeader
+        android:id="@+id/header"
         android:layout_height="wrap_content"
         android:layout_width="match_parent"
         android:minHeight="64dp"
@@ -30,8 +31,8 @@
             android:id="@+id/page_info"
             android:layout_height="wrap_content"
             android:layout_width="wrap_content"
-            android:layout_marginStart="56dp"
-            android:layout_marginEnd="56dp"
+            android:layout_marginStart="50dp"
+            android:layout_marginEnd="50dp"
             android:layout_marginBottom="@dimen/payments_section_vertical_spacing"
             android:layout_marginTop="@dimen/payments_section_vertical_spacing"
             android:layout_gravity="center_vertical"
@@ -41,6 +42,7 @@
                 android:id="@+id/page_title"
                 android:layout_height="wrap_content"
                 android:layout_width="wrap_content"
+                android:paddingStart="6dp"
                 android:ellipsize="end"
                 android:maxLines="1"
                 android:singleLine="true"
@@ -52,7 +54,9 @@
                 android:id="@+id/hostname"
                 android:layout_height="wrap_content"
                 android:layout_width="wrap_content"
-                android:ellipsize="start"
+                android:paddingStart="6dp"
+                android:gravity="center_vertical"
+                android:ellipsize="end"

[gone, 2017/02/17 01:53:54]

Don't ellipsize at the end.  You're supposed to ellipsize the beginning for
security reasons (spoofing the beginning of long urls)

[gogerald1, 2017/02/17 17:28:28]

Done.

                 android:maxLines="1"
                 android:singleLine="true"
                 android:textColor="@color/descriptive_text_color"
@@ -68,6 +72,6 @@
             android:contentDescription="@string/close"
             android:background="?attr/selectableItemBackground"
             android:scaleType="center" />
-    </FrameLayout>
+    </org.chromium.chrome.browser.payments.ui.PaymentRequestHeader>
 
 </merge>