settings - share inline list button style between different list types

chrome/browser/resources/options2/autofill_options.css

 /* Copyright (c) 2012 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. */
 

[Dan Beam, 2012/03/15 00:05:27]

nit: why so spatious?

[Evan Stade, 2012/03/15 00:53:23]

mistake

+
 #address-list,
 #creditcard-list {
   min-width: 500px;
 }
 
 #autofill-help {
   bottom: 18px;
   position: absolute;
 }
 
 .autofill-list-item {
   -webkit-box-flex: 1;
   -webkit-padding-start: 8px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .autofill-list-item + img {
   -webkit-padding-end: 20px;
-  vertical-align: middle;
+  vertical-align: top;
 }
 
 #autofill-options > div:last-child {
   margin-top: 15px;
 }
 
 #autofill-options > div.settings-list > div:last-child {
   border-top: 1px solid #d9d9d9;
   padding: 5px 10px;
 }
 
 #autofill-add-address,
 #autofill-add-creditcard {
   margin: 5px 5px;
 }
 
-.autofill-list-item + button,
-.autofill-list-item + img + button {
-  /* Gets overwritten by raw-button:hover */
-  background: rgb(138, 170, 237) !important;
-  color: #fff;
+#autofill-options .list-inline-button {
   margin-top: 0;
+  vertical-align: top;
 }
 
-#address-list > div:not(:hover) * button,
-#creditcard-list > div:not(:hover) * button {
+#autofill-options div[role='listitem']:not(:hover) .list-inline-button {
   display: none;
 }