DOMUI: Use a styled button instead of an image for the password list show/hide

chrome/browser/resources/options/password_manager_list.css

Index: chrome/browser/resources/options/password_manager_list.css
diff --git a/chrome/browser/resources/options/password_manager_list.css b/chrome/browser/resources/options/password_manager_list.css
index 40201e9e5833c86927a5e6211f08338d9cb0f4d4..62dd756978421ac25533a78fe0dcc7915ce256f8 100644
--- a/chrome/browser/resources/options/password_manager_list.css
+++ b/chrome/browser/resources/options/password_manager_list.css
@@ -1,10 +1,53 @@
 /*
-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.
-*/
+ * Copyright (c) 2011 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.
+ */
+
+button.password-button {
+  background: #8aaaed;
+  color: #fff;
+  display: inline;
+  font-size: 90%;
+  font-weight: bold;
+  height: 18px;
+  padding: 0 2px;
+  position: absolute;
+  top: 5px;
+  width: 50px;

[stuartmorgan, 2011/01/21 00:05:05]

Can you make sure the colors and border radius match the style of the Make
Default buttons in the search engine manager page? I intended them to more or
less match these buttons.

[James Hawkins, 2011/01/21 00:34:51]

Done.

+}
+
+html[dir='ltr'] button.password-button {
+  right: 50px;
+}
+
+html[dir='rtl'] button.password-button {
+  left: 50px;
+}
 
 .inactive-password {
   background: transparent;
   border: none;
 }
+
+#saved-passwords-list .url {
+  box-sizing: border-box;
+  width: 40%;
+}
+
+#saved-passwords-list .name {
+  -webkit-box-flex: 1;
+  width: 20%;
+}
+
+#saved-passwords-list .password {
+  -webkit-box-flex: 1;
+  position: relative;
+}
+
+#saved-passwords-list .url,
+#saved-passwords-list .name,
+#password-exceptions-list .url {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}