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 315217fb4491ce28750496d6555451dbe4dc75ab..b2aae3fcc920b461895e4ccdf2b1453323b2e1e2 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -351,6 +351,7 @@ select {
 
 list > * {
   -webkit-box-align: center;
+  -webkit-transition: .15s background-color;
   box-sizing: border-box;
   border-radius: 0px;
   display: -webkit-box;
@@ -390,24 +391,25 @@ 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 {
+  -webkit-transition: .15s opacity;
   background-color: transparent;
   /* TODO(stuartmorgan): Replace with real images once they are available. */
   background-image: url("../../../app/theme/close_bar.png");
   border: none;
   height: 16px;
+  opacity: 1;
   width: 16px;
 }
 
 list > *:not(:hover) .close-button, list[disabled] .close-button {
-  display: none;
+  opacity: 0;
+  pointer-events: none;
 }
 
 list .close-button:hover {