ChromeOS Gaia: UI polishing

chrome/browser/resources/chromeos/login/gaia_input_form.css

Index: chrome/browser/resources/chromeos/login/gaia_input_form.css
diff --git a/chrome/browser/resources/chromeos/login/gaia_input_form.css b/chrome/browser/resources/chromeos/login/gaia_input_form.css
index 8f98f5a0abe71ab2ce750adfda3b1cf310a4dd28..ca7209120a9778e41ebdd4ee5401dd490f134d6b 100644
--- a/chrome/browser/resources/chromeos/login/gaia_input_form.css
+++ b/chrome/browser/resources/chromeos/login/gaia_input_form.css
@@ -7,10 +7,6 @@
   font-size: 16px;
 }
 
-paper-input-decorator {
-  margin-bottom: 50px;
-}
-
 #paperInputDecorator /deep/ .unfocused-underline {
   background-color: rgb(212, 212, 212);
 }
@@ -21,7 +17,7 @@ paper-input-decorator {
 
 #paperInputDecorator /deep/ ::-webkit-input-placeholder,
 #paperInputDecorator /deep/ .label-text {
-    color: rgba(0, 0, 0, 0.54);
+  color: rgba(0, 0, 0, 0.54);
 }
 
 #paperInputDecorator {
@@ -29,3 +25,17 @@ paper-input-decorator {
   margin-bottom: 28px;
   padding: 0;
 }
+
+#paperInputDecorator /deep/ #inputForm {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+:host-context(html[dir=rtl]) #paperInputDecorator /deep/ #inputContainer {
+  flex-direction: row-reverse;
+}
+
+#paperInputDecorator /deep/ #emailDomain {
+  color: rgba(0, 0, 0, 0.54);
+  direction: ltr;
+  width: auto;
+}