Fix for sync setup UI when user is already logged in.

Every time the dialog is loaded, the read-only email address would be appended
to the span.

BUG=84665
TEST=manual


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

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

chrome/browser/resources/options/sync_setup_overlay.html

@@ -54,8 +54,9 @@
                         <td>
                           <input id="gaia-email" type="text" name="email"
                               size="18" value=""
-                              class="reset-enabled reset-value">
-                          <span id="email-readonly" hidden></span>
+                              class="reset-enabled reset-shown reset-value">
+                          <span id="email-readonly" class="reset-hidden"
+                              hidden></span>
                         </td>
                       </tr>
                       <tr id="access-code-label-row"

chrome/browser/resources/options/sync_setup_overlay.js

@@ -581,10 +581,10 @@ cr.define('options', function() {
         }
 
         if (!args.editable_user) {
-          email.style.display = 'none';
-          var span = document.getElementById('email-readonly');
-          span.appendChild(document.createTextNode(email.value));
-          span.style.display = 'inline';
+          email.hidden = true;
+          var span = $('email-readonly');
+          span.textContent = email.value;
+          span.hidden = false;
           $('create-account-div').hidden = true;
         }