Add a checkbox on stop-sync dialog to allow user to choose whether to delete

chrome/browser/resources/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 202 matching lines @@
       <span i18n-content="syncSetupTimeoutContent"></span>
     </div>
     <div class="action-area button-strip">
       <button id="timeout-ok" i18n-content="ok"></button>
     </div>
   </div>
   <div id="sync-setup-stop-syncing" hidden>
     <h1 i18n-content="stopSyncingTitle"></h1>
     <div class="content-area">
       <span i18n-values=".innerHTML:stopSyncingExplanation"></span>
+      <p/>

[James Hawkins, 2014/04/30 20:19:32]

What is this for?

[haitaol1, 2014/04/30 20:34:15]

To put checkbox on a new line and put some space between them. I'm not a UI guy,
so please advice if there's better way.

On 2014/04/30 20:19:32, James Hawkins wrote:

[James Hawkins, 2014/04/30 20:35:37]

Wrap the <label> in a <div>.  Give the div and ID and use that ID as a selector
in the CSS to add appropriate margin.  Please send me a screenshot of the UI
when that's done.

On 2014/04/30 20:34:15, haitaol1 wrote:

+      <label>
+        <input id="delete-profile" type="checkbox">
+        <span i18n-content="deleteProfileLabel"></span>
+      </label>
     </div>
     <div class="action-area button-strip">
       <input id="stop-syncing-cancel" type="button"
           i18n-values="value:cancel">
       <input id="stop-syncing-ok" type="button"
           i18n-values="value:stopSyncingConfirm">
     </div>
   </div>
 </div>