Settings People Sync: Add 'Reset Sync' message for forgotten passphrase.

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

Index: chrome/browser/resources/settings/people_page/sync_page.html
diff --git a/chrome/browser/resources/settings/people_page/sync_page.html b/chrome/browser/resources/settings/people_page/sync_page.html
index 39bb3af148df0fa43b56b230849c55b73d389f29..0e329a7c76d4d7317d8a3ce60c1a1e5df14401b6 100644
--- a/chrome/browser/resources/settings/people_page/sync_page.html
+++ b/chrome/browser/resources/settings/people_page/sync_page.html
@@ -183,22 +183,27 @@
 
       <template is="dom-if" if="[[syncPrefs.passphraseRequired]]">
         <div class="list-frame">
-          <div id="askCustomPassphraseMessage"
+          <div id="askCustomPassphraseMessage" class="list-item"
               hidden$="[[!syncPrefs.passphraseTypeIsCustom]]">
             [[syncPrefs.enterPassphraseBody]]
           </div>
-          <div id="askOldGooglePassphraseMessage"
+          <div id="askOldGooglePassphraseMessage" class="list-item"
               hidden$="[[syncPrefs.passphraseTypeIsCustom]]">
             [[syncPrefs.enterGooglePassphraseBody]]
           </div>
-          <paper-input id="existingPassphraseInput" type="password"
-              placeholder="$i18n{passphrasePlaceholder}"
-              error-message="$i18n{incorrectPassphraseError}">
-          </paper-input>
-          <paper-button id="submitExistingPassphrase"
-              on-tap="onSubmitExistingPassphraseTap_" class="action-button">
-            $i18n{submitPassphraseButton}
-          </paper-button>
+          <div class="list-item">
+            <paper-input id="existingPassphraseInput" type="password"
+                placeholder="$i18n{passphrasePlaceholder}"
+                error-message="$i18n{incorrectPassphraseError}">
+            </paper-input>
+            <paper-button id="submitExistingPassphrase"
+                on-tap="onSubmitExistingPassphraseTap_" class="action-button">
+              $i18n{submitPassphraseButton}
+            </paper-button>
+          </div>
+          <div class="list-item">
+            <span>$i18nRaw{passphraseRecover}</span>

[dschuyler, 2016/08/18 01:09:29]

nit: is the span needed?

[tommycli, 2016/08/18 16:23:31]

Yes, because list-item is display:flex, which messes up the text. There's no
.list-item.block rule like with settings-box.

+          </div>
         </div>
       </template>
     </div>