DOMUI: Implement new-style password manager.

chrome/browser/resources/options/options_page.css

Index: chrome/browser/resources/options/options_page.css
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index 6d9785367e8ab0c4264f37ab9b1ae8bf7dcfbc6c..52bdda3d01e03177f3b24144fadf26c1e286d27a 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -391,11 +391,9 @@ list > .heading:hover {
 }
 
 list .deletable-item {
-  display: -webkit-box;
-}
-
-list .deletable-item > :first-child {
+  -webkit-box-align: center;
   -webkit-box-flex: 1;
+  display: -webkit-box;
 }
 
 list .close-button {
@@ -408,7 +406,7 @@ list .close-button {
 }
 
 list > *:not(:hover) .close-button, list[disabled] .close-button {
-  display: none;
+  visibility: hidden;

[arv (Not doing code reviews), 2010/12/17 20:07:34]

Now that we control this using visibility maybe we should use "opacity: 0" and
"pointer-events: none" so that we can have a transition on the opacity?

[James Hawkins, 2010/12/17 21:32:40]

Can you describe the entire flow that you're imagining? Once the user hovers
over another item, do we transition the highlighting of the old and the new list
item as well?

 }
 
 list .close-button:hover {