Fix ChromeOS users list multiple X problem.

chrome/browser/resources/options/chromeos_accounts_user_list.js

 // Copyright (c) 2010 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 cr.define('options.accounts', function() {
   const List = cr.ui.List;
   const ListItem = cr.ui.ListItem;
   const ArrayDataModel = cr.ui.ArrayDataModel;
 
   /**
@@ skipping 153 matching lines @@
       }
 
       var labelEmail = this.ownerDocument.createElement('span');
       labelEmail.className = 'user-email-label';
       labelEmail.textContent = this.user.email;
 
       var labelName = this.ownerDocument.createElement('span');
       labelName.className = 'user-name-label';
       labelName.textContent = this.user.owner ?
           localStrings.getStringF('username_format', this.user.name) :
           this.user.name;

[kochi, 2011/01/26 06:18:20]

How about adding 'title' attribute for labelEmail and labelName in case they are
too long to fit in the list view?

e.g.
labelEmail.textContent = labelEmail.title = this.user.email;

labelName.textContent = labelEmail.title = this.user.owner ? ...

[xiyuan, 2011/01/26 18:27:45]

Done. Good idea.

 
+      var emailNameBlock = this.ownerDocument.createElement('div');
+      emailNameBlock.className = 'user-email-name-block';
+      emailNameBlock.appendChild(labelEmail);
+      emailNameBlock.appendChild(labelName);
+
       this.appendChild(icon);
-      this.appendChild(labelEmail);
-      this.appendChild(labelName);
+      this.appendChild(emailNameBlock);
 
       if (!this.user.owner) {
         var removeButton = this.ownerDocument.createElement('button');
-        removeButton.className = 'remove-user-button';
+        removeButton.classList.add('raw-button');
+        removeButton.classList.add('remove-user-button');
         this.appendChild(removeButton);
       }
     }
   };
 
   return {
     UserList: UserList
   };
 });