ChromeOS Gaia: UI polishing

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

 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/polymer/layout.html">
 <link rel="import" href="chrome://resources/polymer/paper-input/paper-input-decorator.html">
 
 <!--
   A simple input form with a button. Being used for typing email or password.
 
   Example:
     <gaia-input-form id="emailInput" inputType="email"
     </gaia-input-form>
 
   Attributes:
     'inputType'  - type of the input (e.g. email, password).
     'inputLabel' - label displayed on the input. (e.g. Enter you email).
     'errorMsg'   - error message which should be displayed when input is
                  incorrect.
     'buttonText' - text on the button.
+    'emailDomain' - autocomplete domain for the inputType="email".
 
   Events:
     'buttonclick' - fired on button click.
 
   Methods:
     'focus'         - focuses input field.
     'setValid'      - accept boolean argument |isValid|. Set validity state on
                       the form.
     'checkValidity' - returns current validity state of the input form. Calls
                       setValid at the end.
 -->
 <polymer-element name="gaia-input-form" vertical start-justified layout
-                 attributes="inputType errorMsg inputLabel buttonText">
+    attributes="inputType errorMsg inputLabel buttonText emailDomain">
   <template>
     <link rel="stylesheet" href="gaia_input_form.css">
     <paper-input-decorator id="paperInputDecorator" error="{{errorMsg}}"
                            label="{{inputLabel}}" on-tap="{{onTap}}"
                            floatingLabel autoValidate>
-      <input id="inputForm" is="core-input" on-keydown="{{onKeyDown}}"
-             value="{{inputValue}}" required type="{{inputType}}">
+      <div id="inputContainer" horizontal layout>
+        <input id="inputForm" is="core-input" on-keydown="{{onKeyDown}}"
+            value="{{inputValue}}" required type="{{inputType}}" flex>
+        <span id="emailDomain" hidden?="{{!emailDomain}}">{{emailDomain}}</span>
+      </div>
     </paper-input-decorator>
     <div horizontal justified layout center reverse>
       <gaia-raised-on-focus-button id="button" class="blue-button"
           on-tap="{{onButtonClicked}}" self-end>
         {{buttonText}}
       </gaia-raised-on-focus-button>
       <content> </content>
     </div>
   </template>
 </polymer-element>