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

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

 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="../controls/settings_toggle_button.html">
 <link rel="import" href="../controls/extension_controlled_indicator.html">
 <link rel="import" href="../controls/settings_toggle_button.html">
@@ skipping 99 matching lines @@
             <div class="website-column no-min-width" title="[[item.linkUrl]]">
               <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 text-elide"
                 id="username">[[item.loginPair.username]]</div>
             <div class="password-column">

[hcarmona, 2017/04/20 19:13:40]

Adding text-elide to the password-column makes text eliding work for me:
http://screen/Ze5LuU4pTFd

[vasilii, 2017/04/21 11:41:13]

Done.

-              <!-- Password type and disabled in order to match mock. -->
-              <input id="password" type="password" disabled
-                  value="[[getEmptyPassword_(item.numCharactersInPassword)]]">
-              </input>
+              <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>
               <paper-icon-button id="passwordMenu" icon="cr:more-vert"
                   on-tap="onPasswordMenuTap_" title="$i18n{moreActions}"
                   tabindex$="[[tabIndex]]">
               </paper-icon-button>
             </div>
           </div>
         </template>
       </iron-list>
       <div id="noPasswordsLabel" class="list-item"
           hidden$="[[hasSome_(savedPasswords)]]">
@@ skipping 30 matching lines @@
         </div>
       </template>
       <div id="noExceptionsLabel" class="list-item"
           hidden$="[[hasSome_(passwordExceptions)]]">
         $i18n{noExceptionsFound}
       </div>
     </div>
   </template>
   <script src="passwords_section.js"></script>
 </dom-module>