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..dd131a6c52e77a21dacb9b7d445814c1390a5650 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,7 @@
 
 #autofill-add-address,
 #autofill-add-creditcard {
-  margin: 5px 5px;
+  margin: 5px 0;
 }
 
 #autofill-options .list-inline-button {
@@ -56,3 +56,13 @@
     .hides-on-hover {
   display: none;
 }
+
+.settings-list + .autofill-section-header {
+  margin-top: 20px;
+}
+
+#autofill-options .autofill-section-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+}