Show "with <something>" for federated credentials in the MD settings.

A screenshot is attached to the bug.

BUG=706310
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2805683002
Cr-Commit-Position: refs/heads/master@{#466400}
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 cc59729..15c91f9 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
@@ -117,16 +117,23 @@
             </div>
             <div class="username-column selectable text-elide"
                 id="username">[[item.loginPair.username]]</div>
-            <div class="password-column">
-              <!-- Password type and disabled in order to match mock. -->
-              <input id="password" type="password" disabled
-                  value="[[getEmptyPassword_(item.numCharactersInPassword)]]">
-              </input>
-              <paper-icon-button id="passwordMenu" icon="cr:more-vert"
+            <div class="password-column text-elide">
+              <template is="dom-if" if="[[!item.federationText]]">
+                <!-- Password type and disabled in order to match mock. -->
+                <input id="password" type="password" disabled
+                    value="[[getEmptyPassword_(item.numCharactersInPassword)]]">
+                </input>
+              </template>
+              <template is="dom-if" if="{{item.federationText}}">
+                <span class="selectable text-elide">
+                  {{item.federationText}}
+                </span>
+              </template>
+            </div>
+            <paper-icon-button id="passwordMenu" icon="cr:more-vert"
                   on-tap="onPasswordMenuTap_" title="$i18n{moreActions}"
                   tabindex$="[[tabIndex]]">
-              </paper-icon-button>
-            </div>
+            </paper-icon-button>
           </div>
         </template>
       </iron-list>