Changes to Autofill settings page to ensure Credit Card list is always at least partially visible o…

chrome/browser/resources/options/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. */
 
 #autofill-options {
   width: 550px;
 }
 
 #autofill-options list {
-  min-height: 172px;
+  height: 192px; /* min-height for lists in webui */

[Dan Beam, 2016/01/20 22:19:15]

2 spaces before comments, try to make full[er] sentence and use period at the
end

+  margin-bottom: 1em;

[Dan Beam, 2016/01/20 22:19:15]

unless you're copying something, you probably ought to use px instead (fonts
differ per-platform)

 }
 
 .autofill-list-item {
   -webkit-padding-start: 8px;
   max-width: 50%;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 .autofill-list-item + .deemphasized {
@@ skipping 10 matching lines @@
   color: #777;
 }
 
 #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;
+  float: right;

[Dan Beam, 2016/01/20 22:19:15]

RTL

+  font-size: small;
+  margin-right: 0;

[Dan Beam, 2016/01/20 22:19:15]

RTL

+  margin-top: .5em;
 }
 
 #autofill-options .list-inline-button {
   -webkit-margin-start: 12px;
   margin-top: 0;
   vertical-align: top;
 }
 
 #autofill-options div[role='listitem']:not(:hover):not([selected])
     .hide-until-hover {
   display: none;
 }
 
 #autofill-options div[role='listitem']:-webkit-any(:hover,[selected])
     .hides-on-hover {
   display: none;
 }
+
+#autofill-options .vertical-space {
+  height: 2em;
+}