[MD-Settings] Add Ellipsis for the Address List Pieces.

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

Index: chrome/browser/resources/settings/passwords_and_forms_page/autofill_section.html
diff --git a/chrome/browser/resources/settings/passwords_and_forms_page/autofill_section.html b/chrome/browser/resources/settings/passwords_and_forms_page/autofill_section.html
index 847c03fbe2fb2db728c1bb7e0cacb92e659394ec..c11eec9cf96abb7fca35dc846e99970755c46985 100644
--- a/chrome/browser/resources/settings/passwords_and_forms_page/autofill_section.html
+++ b/chrome/browser/resources/settings/passwords_and_forms_page/autofill_section.html
@@ -31,6 +31,25 @@
         -webkit-margin-start: 16px;
         color: var(--paper-grey-600);
       }
+
+      #addressList .start {
+        display: flex;
+        overflow: hidden;
+      }
+
+      #addressSummary {
+        display: flex;
+        flex: 1;
+        overflow: hidden;
+      }
+
+      .ellipses {
+        flex: 1;
+        max-width: fit-content;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     </style>
     <div class="settings-box first">
       <h2>$i18n{addresses}</h2>
@@ -40,7 +59,14 @@
         <template is="dom-repeat" items="[[addresses]]">
           <div class="list-item two-line">
             <div class="start">
-              <span id="addressSummary">[[address_(item)]]</span>
+              <span id="addressSummary">
+                <span class="ellipses">
+                  [[item.metadata.summaryLabel]]
+                </span>
+                <span class="ellipses">
+                  [[item.metadata.summarySublabel]]
+                </span>
+              </span>
               <span class="payments-label" hidden$="[[item.metadata.isLocal]]">
                 $i18n{googlePayments}
               </span>