[Password Manager] Add favicon in Password Manager in the settings

Bug: 890118

Change-Id: I5bbb3093dfaabc0aa8d7e89fd2bf145f26884f42
Reviewed-on: https://chromium-review.googlesource.com/c/1239437
Commit-Queue: Yue Cen <rsgingerrs@chromium.org>
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Reviewed-by: Vasilii Sukhanov <vasilii@chromium.org>
Cr-Commit-Position: refs/heads/master@{#603287}

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

@@ -4,6 +4,7 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="../focus_row_behavior.html">
 <link rel="import" href="../settings_shared_css.html">
+<link rel="import" href="../site_favicon.html">
 <link rel="import" href="passwords_shared_css.html">
 <link rel="import" href="show_password_behavior.html">
 
@@ -47,6 +48,7 @@
     <div class="list-item" focus-row-container>
       <div class="website-column no-min-width"
           title="[[item.entry.loginPair.urls.link]]">
+        <site-favicon url="[[item.entry.loginPair.urls.link]]"></site-favicon>
         <a id="originUrl" target="_blank" class="no-min-width"
             href="[[item.entry.loginPair.urls.link]]"
             focus-row-control focus-type="originUrl">

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

@@ -17,6 +17,7 @@
 <link rel="import" href="../global_scroll_target_behavior.html">
 <link rel="import" href="../prefs/prefs.html">
 <link rel="import" href="../settings_shared_css.html">
+<link rel="import" href="../site_favicon.html">
 <link rel="import" href="password_edit_dialog.html">
 <link rel="import" href="passwords_export_dialog.html">
 <link rel="import" href="passwords_shared_css.html">
@@ -158,7 +159,8 @@
       <template is="dom-repeat" items="[[passwordExceptions]]"
           filter="[[passwordExceptionFilter_(filter)]]">
         <div class="list-item">
-          <div class="start">
+          <div class="start website-column">
+            <site-favicon url="[[item.urls.link]]"></site-favicon>
             <a id="exception" href="[[item.urls.link]]" target="_blank">
               [[item.urls.shown]]
             </a>

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

@@ -47,6 +47,11 @@
         text-overflow: ellipsis;
         white-space: nowrap;
       }
+
+      site-favicon {
+        margin-inline-end: 8px;
+        min-width: 16px;
+      }
     </style>
   </template>
 </dom-module>