Use labels for the new radio buttons in the sync dialogs.

BUG=70265
TEST=setup sync, encryption tab radio buttons should support clicking on labels

Review URL: http://codereview.chromium.org/6271023

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@72655 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/sync/resources/configure.html

@@ -566,17 +566,17 @@ html[os='mac'] input[type='submit'] {
     <div>
       <input id="google-option" name="option" type="radio"
              value="google" onchange="onRadioChange();">
-      <span i18n-content="googleOption"></span>
+      <label for="google-option" i18n-content="googleOption"></label>
     </input>
     </div>
     <div>
-      <input id="explicit-option" name="option" type="radio"
-             value="explicit" onchange="onRadioChange();">
+      <input id="explicit-option" name="option" type="radio" value="explicit"
+             onchange="onRadioChange();">
       <div id="learn-more-link">
         <a i18n-values="href:encryptionhelpurl" target="_blank"
            i18n-content="learnmore"></a>
       </div>
-      <span i18n-content="explicitOption"></span>
+      <label for="explicit-option" i18n-content="explicitOption"></label>
     </input>
     </div>
 

chrome/browser/sync/resources/firstpassphrase.html

@@ -148,22 +148,25 @@ html[os='mac'] input[type='submit'] {
   <div class="sync-instructions" id="instructions"
        i18n-content="instructions"></div>
   <div>
-    <input name="option" type="radio" value="google" onchange="onRadioChange();">
-      <span i18n-content="googleOption"></span>
+    <input name="option" type="radio" value="google"
+           id="google-option" onchange="onRadioChange();">
+      <label for="google-option" i18n-content="googleOption"></label>
     </input>
   </div>
   <div>
-    <input name="option" type="radio" value="explicit" onchange="onRadioChange();">
+    <input name="option" type="radio" value="explicit"
+           id="explicit-option" onchange="onRadioChange();">
     <div id="learn-more-link">
       <a i18n-values="href:encryptionhelpurl" target="_blank"
          i18n-content="learnmore"></a>
     </div>
-    <span i18n-content="explicitOption"></span>
+    <label for="explicit-option" i18n-content="explicitOption"></label>
     </input>
   </div>
   <div>
-    <input name="option" type="radio" value="nothanks" onchange="onRadioChange();">
-    <span i18n-content="nothanksOption"></span>
+    <input name="option" type="radio" value="nothanks"
+           id="nothanks-option" onchange="onRadioChange();">
+    <label for="nothanks-option" i18n-content="nothanksOption"></label>
     </input>
   </div>