Enhanced Sync Confirmation modal

chrome/browser/resources/options/sync_setup_overlay.html

 <div id="sync-setup-overlay" class="page" hidden>
   <div class="close-button"></div>
   <div id="sync-setup-configure" hidden>
     <div id="confirm-sync-preferences">
       <h1 i18n-content="confirmSyncPreferences"></h1>
       <div id="sync-instructions-container" class="content-area">
         <span i18n-content="chooseDataTypesInstructions"></span>
         <a id="encryption-help-link" target="_blank"
             i18n-values="href:syncEverythingHelpURL" i18n-content="learnMore">
         </a>
@@ skipping 97 matching lines @@
           </div>
           <div id="payments-integration-setting-area" class="checkbox">
             <label>
               <input id="payments-integration-checkbox" type="checkbox">
               <span i18n-content="enablePaymentsIntegration"></span>
             </label>
             <a i18n-values="href:autofillHelpURL" target="_blank"
                 i18n-content="learnMore"></a>
           </div>
           <div id="customize-sync-encryption-new">
-            <hr>
             <h4 i18n-content="encryptionSectionTitle"></h4>
             <div id="encryption-section-message"
                 i18n-content="encryptionSectionMessage"></div>
             <div id="sync-new-encryption-section-container">
               <div class="radio">
                 <label>
                   <input id="basic-encryption-option" name="encrypt-new"
                       type="radio" value="full">
                   <span id="basic-encryption-body"
                       i18n-content="basicEncryptionOption"></span>
@@ skipping 55 matching lines @@
                   class="reset-value"
                   i18n-values="placeholder:passphraseLabel">
               <div id="incorrect-passphrase" class="error"
                    i18n-content="incorrectPassphrase" hidden>
               </div>
             </div>
             <div id="sync-passphrase-warning"
                  i18n-values=".innerHTML:passphraseRecover" hidden>
             </div>
           </div>
+          <div id="personalize-google-services">
+            <div class="title">
+              <h4 i18n-content="personalizeGoogleServicesTitle"></h4>
+              <div id="googleg-logo" class="logo"></div>
+            </div>
+            <div
+                i18n-values=".innerHTML:personalizeGoogleServicesMessage">

[Dan Beam, 2016/04/14 04:05:56]

nit: why are you wrapping this?

[Moe, 2016/04/14 14:26:53]

My bad. The div initially had a class name. I later removed it but forgot to
unwrap it.

+            </div>
+          </div>
         </div>
         <div class="action-area">
           <div class="action-area-link-container">
             <a is="action-link" id="use-default-link"
                 i18n-content="useDefaultSettings"></a>
           </div>
           <div id="choose-datatypes-throbber" class="throbber"></div>
           <div class="button-strip">
             <input id="choose-datatypes-cancel" type="button"
                 i18n-values="value:cancel">
@@ skipping 33 matching lines @@
       </div>
 </if>
     </div>
     <div class="action-area button-strip">
       <button id="stop-syncing-cancel" i18n-content="cancel">
       <button id="stop-syncing-ok" class="default-button"
           i18n-content="stopSyncingConfirm">
     </div>
   </div>
 </div>