make passwords overlay not jiggle when you click a row

BUG=117634,118070
TEST=manual


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

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

chrome/browser/resources/options2/deletable_item_list.js

@@ -47,7 +47,7 @@ cr.define('options', function() {
 
       this.closeButtonElement_ = this.ownerDocument.createElement('button');
       this.closeButtonElement_.className =
-          'raw-button close-button custom-appearance';
+          'raw-button row-delete-button custom-appearance';
       this.closeButtonElement_.addEventListener('mousedown',
                                                 this.handleMouseDownUpOnClose_);
       this.closeButtonElement_.addEventListener('mouseup',

chrome/browser/resources/options2/options_page.css

@@ -323,7 +323,7 @@ list .deletable-item > :first-child {
   display: -webkit-box;
 }
 
-list .close-button {
+list .row-delete-button {
   -webkit-transition: 150ms opacity;
   background-color: transparent;
   /* TODO(stuartmorgan): Replace with real images once they are available. */
@@ -335,20 +335,20 @@ list .close-button {
   width: 16px;
 }
 
-list > *:not(:hover):not([lead]) .close-button,
-list > *:not(:hover):not([selected]) .close-button,
-list:not([hasElementFocus]) > *:not(:hover) .close-button,
-list[disabled] .close-button,
-list .close-button[disabled] {
+list > *:not(:hover):not([lead]) .row-delete-button,
+list > *:not(:hover):not([selected]) .row-delete-button,
+list:not([hasElementFocus]) > *:not(:hover) .row-delete-button,
+list[disabled] .row-delete-button,
+list .row-delete-button[disabled] {
   opacity: 0;
   pointer-events: none;
 }
 
-list .close-button:hover {
+list .row-delete-button:hover {
   background-image: url('../../../../ui/resources/close_bar_h.png');
 }
 
-list .close-button:active {
+list .row-delete-button:active {
   background-image: url('../../../../ui/resources/close_bar_p.png');
 }
 

chrome/browser/resources/options2/password_manager.css

@@ -3,12 +3,8 @@
  * found in the LICENSE file.
  */
 
-#password-manager {
-  max-width: 1000px;
-}
-
 #password-manager > div.content-area {
-  min-width: 500px;
+  width: 600px;
 }
 
 #password-search-column {