Implement autofill Address and Credit Card lists.

chrome/browser/resources/settings/passwords_and_forms_page/passwords_section.html

Index: chrome/browser/resources/settings/passwords_and_forms_page/passwords_section.html
diff --git a/chrome/browser/resources/settings/passwords_and_forms_page/passwords_section.html b/chrome/browser/resources/settings/passwords_and_forms_page/passwords_section.html
index 5c83ee089427de4fac114cfaf07826308034d6f5..a17e80882b775fcb7dac7712edb08ca513be5892 100644
--- a/chrome/browser/resources/settings/passwords_and_forms_page/passwords_section.html
+++ b/chrome/browser/resources/settings/passwords_and_forms_page/passwords_section.html
@@ -3,27 +3,19 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_shared_menu/cr_shared_menu.html">
 <link rel="import" href="chrome://md-settings/passwords_and_forms_page/password_edit_dialog.html">
+<link rel="import" href="chrome://md-settings/passwords_and_forms_page/passwords_shared_css.html">
 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
 
 <dom-module id="passwords-section">
   <template>
     <style include="settings-shared"></style>
+    <style include="passwords-shared"></style>
     <style>

[Dan Beam, 2016/05/06 22:01:46]

same fun fact :P

[hcarmona, 2016/05/07 01:01:25]

Done.

-      :host {
-        display: flex;
-        flex-direction: column;
-      }
-
       #manageLink {
         -webkit-margin-start: 20px;
         margin-bottom: 24px;
       }
 
-      .heading {
-        -webkit-margin-start: 20px;
-        margin-bottom: 8px;
-      }
-
       #password {
         background-color: transparent;
         border: none;
@@ -32,15 +24,9 @@
         width: 0;
       }
 
-      #saved-password-columns {
+      .column-header {
         -webkit-margin-end: 20px;
         -webkit-margin-start: 56px;
-        color: var(--google-grey-500);
-        font-weight: 500;
-      }
-
-      #passwordList > div:first-of-type {
-        border-top: 1px solid #e0e0e0;
       }
 
       .website-column {
@@ -65,21 +51,6 @@
         width: 104px;
       }
 
-      paper-icon-button {
-        -webkit-margin-end: 0;
-        -webkit-margin-start: 20px;
-        -webkit-padding-end: 0;
-        -webkit-padding-start: 0;
-        color: var(--google-grey-600);
-        width: 20px;
-      }
-
-      iron-list {
-        -webkit-margin-end: 20px;
-        -webkit-margin-start: 56px;
-        margin-bottom: 16px;
-      }
-
       .list-link {
         color: black;
         text-decoration: none;
@@ -91,15 +62,15 @@
     </style>
     <div id="manageLink">$i18nRaw{managePasswordsLabel}</div>
     <div class="heading" i18n-content="savedPasswordsHeading"></div>
-    <div id="saved-password-columns" class="list-item">
+    <div class="list-item column-header">
       <div class="website-column" i18n-content="editPasswordWebsiteLabel"></div>
       <div class="username-column"
           i18n-content="editPasswordUsernameLabel"></div>
       <div class="password-column"
           i18n-content="editPasswordPasswordLabel"></div>
     </div>
-    <iron-list id="passwordList" class="vertical-list list-section"
-        items="[[savedPasswords]]">
+    <iron-list id="passwordList" items="[[savedPasswords]]"
+        class="vertical-list list-section item-list list-with-header">
       <template>
         <div class="list-item">
           <a id="originUrl" href="[[item.linkUrl]]" target="_blank"
@@ -129,8 +100,8 @@
     </cr-shared-menu>
     <password-edit-dialog id="passwordEditDialog"></password-edit-dialog>
     <div class="heading" i18n-content="passwordExceptionsHeading"></div>
-    <iron-list id="passwordExceptionsList" class="vertical-list list-section"
-        items="[[passwordExceptions]]">
+    <iron-list id="passwordExceptionsList" items="[[passwordExceptions]]"
+        class="vertical-list list-section item-list">
       <template>
         <div class="list-item two-line">
           <a id="exception" href="[[item.linkUrl]]" target="_blank"