Settings People Revamp: Fix Submit passphrase button placement.

chrome/browser/resources/settings/people_page/sync_page.html

 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-button/paper-radio-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
 <link rel="import" href="/controls/settings_checkbox.html">
 <link rel="import" href="/people_page/sync_browser_proxy.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="settings-sync-page">
   <template>
     <style include="settings-shared">
       #create-password-box {
         /* The password fields line up with the encryption radio box text. */
         -webkit-margin-start: 36px;
       }
 
       paper-input {
         width: var(--paper-input-max-width);
       }
+
+      #existingPassphraseInput {
+        /* The submit button for the existing passphrase is on the same line. */
+        -webkit-margin-end: 16px;

[dschuyler, 2016/08/17 23:46:34]

I think that in rtl the margin will go
on the other side, but the button will 
still be on the right. Maybe this could
be margin-right, or the button and
input could be swapped, or the button
could be put under again (with more space
for the error)?

(Or maybe I'm wrong - please let me know).

[tommycli, 2016/08/18 00:06:50]

The button and input are auto-swapped in RTL.

See: http://imgur.com/a/7llIl

+        display: inline-block;
+      }
     </style>
     <div id="[[pages.SPINNER]]" class="settings-box first"
         hidden$="[[!isStatus_(pages.SPINNER, pageStatus_)]]">
       $i18n{syncLoading}
     </div>
     <div id="[[pages.TIMEOUT]]" class="settings-box first"
         hidden$="[[!isStatus_(pages.TIMEOUT, pageStatus_)]]">
       $i18n{syncTimeout}
     </div>
     <div id="[[pages.CONFIGURE]]"
@@ skipping 157 matching lines @@
           <paper-button id="submitExistingPassphrase"
               on-tap="onSubmitExistingPassphraseTap_" class="action-button">
             $i18n{submitPassphraseButton}
           </paper-button>
         </div>
       </template>
     </div>
   </template>
   <script src="sync_page.js"></script>
 </dom-module>