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

chrome/browser/resources/options/autofill_options.css

Index: chrome/browser/resources/options/autofill_options.css
diff --git a/chrome/browser/resources/options/autofill_options.css b/chrome/browser/resources/options/autofill_options.css
index 815c58c40790585847ab06eb9b40229a286f3e08..8e4a1fafabfa036a1fb3006197c2fc78bc1b6ba5 100644
--- a/chrome/browser/resources/options/autofill_options.css
+++ b/chrome/browser/resources/options/autofill_options.css
@@ -7,7 +7,7 @@
 }
 
 #autofill-options list {
-  min-height: 172px;
+  height: 192px;  /* This is the min-height for lists from WebUI.*/
 }
 
 .autofill-list-item {
@@ -38,7 +38,8 @@
 
 #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 {
@@ -56,3 +57,13 @@
     .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;
+}