Rework quick unlock settings to follow new specs.

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

Index: chrome/browser/resources/settings/people_page/password_prompt_dialog.html
diff --git a/chrome/browser/resources/settings/people_page/password_prompt_dialog.html b/chrome/browser/resources/settings/people_page/password_prompt_dialog.html
new file mode 100644
index 0000000000000000000000000000000000000000..e546616feebb73bab6cfce9c85fef575e0a9ae0e
--- /dev/null
+++ b/chrome/browser/resources/settings/people_page/password_prompt_dialog.html
@@ -0,0 +1,55 @@
+<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/html/polymer.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-input/paper-input.html">
+<link rel="import" href="/settings_shared_css.html">
+<link rel="import" href="/settings_shared_css.html">
+
+<dom-module id="settings-password-prompt-dialog">
+  <template>
+    <style include="settings-shared">
+      #passwordInput {
+        display: inline-block;
+      }
+
+      .settings-box {
+        padding: 0;
+      }
+
+      .align-end {
+        justify-content: flex-end;
+      }
+    </style>
+
+    <dialog is="cr-dialog" id="dialog">
+      <div class="title">$i18n{passwordPromptTitle}</div>
+      <div class="body">
+
+        <div class="settings-box first">$i18n{passwordPromptEnterPassword}</div>
+
+        <paper-input id="passwordInput" type="password" autofocus
+                     label="$i18n{passwordPromptPasswordLabel}"
+                     no-label-float
+                     value="{{password_}}"
+                     on-change="checkPassword_"
+                     invalid$="[[passwordInvalid_]]"
+                     error-message="$i18n{passwordPromptInvalidPassword}"
+                     aria-disabled="false">
+        </paper-input>
+
+        <div class="align-end settings-box continuation">

[tommycli, 2016/08/05 17:46:19]

Does a plain div with the "button-strip" class work? Then we can remove two CSS
classes

[jdufault, 2016/08/05 20:59:52]

Done, but the settings-box css is still needed to align the div on line 28 (the
label above the input box).

+          <paper-button class="cancel-button" on-tap="close">
+            $i18n{cancel}
+          </paper-button>
+
+          <paper-button class="action-button" on-tap="checkPassword_"
+                        disabled$="[[!enableConfirm_(password_,
+                                                     passwordInvalid_)]]">
+            $i18n{confirm}
+          </paper-button>
+        </div>
+      </div>
+    </dialog>
+  </template>
+  <script src="password_prompt_dialog.js"></script>
+</dom-module>