MD Settings: fix focus outline getting cut off in manage password page

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 f3073fbdae0fae0fab8f88335cf162b9ec334c0e..7c9cfe42be7de7e425fdf1993af3a0b90c3190b9 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
@@ -24,17 +24,19 @@
         width: 0;
       }
 
-      /* The following non-flex directives allow eliding long originUrls from
-       * the left. Forcing rtl should not cause an issue for right-to-left
-       * languages in this case, since valid URL characters are restricted to
-       * ASCII. */
       .website-column {
-        direction: rtl;
+        display: flex;
         flex: 3;
-        overflow: hidden;
-        text-align: left;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+      }
+
+      #originUrl {
+        /* The following non-flex directives allow eliding long originUrls from
+         * the left. Forcing rtl should not cause an issue for right-to-left
+         * languages in this case, since valid URL characters are restricted to
+         * ASCII.
+         */
+         direction: rtl;
+         display: flex;
       }
 
       .username-column {
@@ -84,9 +86,13 @@
           scroll-target="[[subpageScrollTarget]]">
         <template>
           <div class="list-item">
-            <div class="website-column">
-              <a id="originUrl" target="_blank" class="selectable"
-                  href="[[item.linkUrl]]">[[item.loginPair.originUrl]]</a>
+            <div class="website-column no-min-width">
+              <a id="originUrl" target="_blank" class="selectable no-min-width"
+                  href="[[item.linkUrl]]">
+                <span class="text-elide">
+                  [[item.loginPair.originUrl]]
+                </span>
+              </a>
             </div>
             <div class="username-column selectable"
                 id="username">[[item.loginPair.username]]</div>