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;  /* This is the min-height for lists from WebUI.*/
 }
 
 .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;
+  font-size: small;

[Dan Beam, 2016/01/27 02:22:27]

what is this doing?  do you mean font-size: inherit?  you should probably use a
% or em if you need to scale it otherwise

+  margin: 5px 0;
 }
 
 #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: 20px;
+}

[Dan Beam, 2016/01/27 02:22:27]

can you just put a margin-bottom on an existing element rather than creating a
class="vertical-space" one?

+
+#autofill-options .autofill-section-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+}