MD Settings: Minor fixes to manage languages page

chrome/browser/resources/settings/languages_page/manage_languages_page.html

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
-<link rel="import" href="chrome://md-settings/settings_page/settings_animated_pages.html">
 <link rel="import" href="languages.html">
 
 <dom-module id="cr-settings-manage-languages-page">
   <link rel="import" type="css"
       href="chrome://md-settings/settings_page/settings_page.css">
   <link rel="import" type="css" href="manage_languages_page.css">
   <template>
     <cr-settings-languages id="languages" languages="{{languages}}">
     </cr-settings-languages>
     <div class="content">
       <h2 i18n-content="enabledLanguages"></h2>
       <div class="item-list">
         <template is="dom-repeat" items="{{languages.enabledLanguages}}">
           <paper-item>
-            <div class="flex">[[item.language.displayName]]</div>
+            <div class="flex" title="[[item.language.nativeDisplayName]]"
+                >[[item.language.displayName]]</div>
             <paper-icon-button icon="clear" on-tap="onRemoveLanguageTap_"
-                hidden$="[[!canRemoveLanguage_(item.language.code, languages.enabledLanguages)]]">
+                hidden$="[[!canRemoveLanguage_(item.language.code, prefs.intl.app_locale.value)]]">
             </paper-icon-button>
           </paper-item>
         </template>
       </div>
       <h2 i18n-content="allLanguages"></h2>
       <iron-list id="list" items="{{availableLanguages_}}" as="item">
         <template>
           <paper-item on-tap="onAddLanguageTap_">
-            <div class="flex">[[item.displayName]]</div>
+            <div class="flex">

[stevenjb, 2015/09/28 23:51:54]

I thought we decided to avoid 'class="flex"'?

[michaelpg, 2015/09/29 00:20:32]

Yes. Guess I may as well handle those while I'm here.

+              <span>[[item.displayName]]</span> -
+              <span>[[item.nativeDisplayName]]</span>
+            </div>
             <iron-icon icon="done" hidden$="[[!item.enabled]]">
             </iron-icon>
           </paper-item>
         </template>
       </iron-list>
     </div>
   </template>
   <script src="manage_languages_page.js"></script>
 </dom-module>