DOMUI: Implement new-style password manager.

chrome/browser/resources/options/options_page.css

 body {
   -webkit-user-select: none;
   cursor: default;
   font-size: 100%;
 }
 
 #settings-title {
   -webkit-padding-end: 24px;
   color: #53637d;
   font-size: 200%;
@@ skipping 373 matching lines @@
 list > .heading {
   color: #666666;
 }
 
 list > .heading:hover {
   background-color: transparent;
   border-color: transparent;
 }
 
 list .deletable-item {
+  -webkit-box-align: center;
+  -webkit-box-flex: 1;

[Evan Stade, 2010/12/16 21:06:47]

for webkit-box-flex to have an effect, doesn't the parent have to have display:
-webkit-box? but it seems the parent div no longer has the display set

[James Hawkins, 2010/12/16 23:03:01]

The parent div gets -webkit-box from the rule "list > *" in options_page.css.

   display: -webkit-box;
 }
 
-list .deletable-item > :first-child {
-  -webkit-box-flex: 1;
-}
-
 list .close-button {
   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;
   width: 16px;
 }
 
 list > *:not(:hover) .close-button, list[disabled] .close-button {
-  display: none;
+  visibility: hidden;
 }
 
 list .close-button:hover {
   background-image: url("../../../app/theme/close_bar_h.png");
 }
 
 list .close-button:active {
   background-image: url("../../../app/theme/close_bar_p.png");
 }
 
@@ skipping 86 matching lines @@
 label.radio > span,
 .suboption {
   -webkit-margin-start: 16px;
   display: block;
 }
 
 html[os=mac] label.checkbox > input,
 html[os=mac] label.radio > input {
   margin-top: 2px;
 }