Print Preview: Fix issues with large font sizes

chrome/browser/resources/print_preview/search/destination_search.css

Index: chrome/browser/resources/print_preview/search/destination_search.css
diff --git a/chrome/browser/resources/print_preview/search/destination_search.css b/chrome/browser/resources/print_preview/search/destination_search.css
index 903d86f4f303e05eefb005234e5eb241a73eb6f1..390be2bac38af0a9c8340e0d80a94b3a0a406266 100644
--- a/chrome/browser/resources/print_preview/search/destination_search.css
+++ b/chrome/browser/resources/print_preview/search/destination_search.css
@@ -17,22 +17,13 @@
 }
 
 #destination-search .user-info {
+  -webkit-padding-bottom: 14px;

[dpapad, 2017/03/28 23:53:17]

I don't think webkit-padding-bottom exists, does it? Could not find any
occurrences. AFAIK only -webkit-padding-start and -webkit-padding-end exist (and
same for margin instead of padding).

[rbpotter, 2017/03/29 00:00:22]

I had tried -webkit-padding-after and the presubmit suggested it as the
alternative. But, I realized that padding-bottom appears to do the same thing
for RTL and left to right and is used elsewhere so I have changed it to that.

+  -webkit-padding-start: 18px;
   display: flex;
-  position: absolute;
-  right: 40px;
-  text-align: right;
-  top: 14px;
-  width: 350px;
-}
-
-[dir='rtl'] #destination-search .user-info {
-  left: 40px;
-  right: auto;
 }
 
 #destination-search .account-select-label {
   -webkit-user-select: none;
-  flex: 1;
   height: 2em;
   line-height: 2em;
   overflow: hidden;
@@ -41,8 +32,8 @@
 }
 
 #destination-search .account-select {
-  flex: 1;
-  margin-left: 8px;
+  -webkit-margin-start: 18px;
+  width: auto;
 }
 
 #destination-search > .page > .close-button {