Use one instance of language settings detail menu for all languages

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

 <link rel="import" href="chrome://resources/html/assert.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.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-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_shared_menu/cr_shared_menu.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_subpage.html">
 <link rel="import" href="/settings_shared_css.html">
 <link rel="import" href="add_languages_dialog.html">
 <link rel="import" href="language_detail_page.html">
 <link rel="import" href="languages.html">
 
@@ skipping 52 matching lines @@
                   [[item.language.displayName]]
                 </div>
                 <div class="middle">
                   <iron-icon icon="settings:done"
                       hidden$="[[!isProspectiveUILanguage_(
                           item.language.code, prefs.intl.app_locale.value)]]">
                   </iron-icon>
                 </div>
 </if>
                 <paper-icon-button id="more-[[item.language.code]]"
-                    icon="cr:more-vert" toggles
-                    active="{{item.optionsMenuOpened}}"
-                    on-tap="stopPropagationHandler_">
+                    icon="cr:more-vert" on-tap="toggleMenu_">
                 </paper-icon-button>
-                <iron-dropdown opened="{{item.optionsMenuOpened}}"
-                    horizontal-align="right" vertical-align="auto">
-                  <div class="dropdown-content"
-                      on-tap="stopPropagationHandler_">
-                    <button class="dropdown-item" role="option"
-                        on-tap="onMoveUpTap_"
-                        hidden="[[isFirstLanguage_(index,
-                                                   languages.enabled.*)]]">
-                      $i18n{moveUp}
-                    </button>
-                    <button class="dropdown-item" role="option"
-                        on-tap="onMoveDownTap_"
-                        hidden="[[isLastLanguage_(index,
-                                                  languages.enabled.*)]]">
-                      $i18n{moveDown}
-                    </button>
-                    <button class="dropdown-item" role="option"
-                        on-tap="onShowLanguageDetailTap_">
-                      $i18n{languageDetail}
-                    </button>
-                    <button class="dropdown-item" role="option"
-                        on-tap="onRemoveLanguageTap_"
-                        disabled="[[!item.removable]]">
-                      $i18n{removeLanguage}
-                    </button>
-                  </div>
-                </iron-dropdown>
               </div>
             </template>
             <div class="list-item list-button" on-tap="onAddLanguagesTap_">
               $i18n{addLanguages}
             </div>
           </div>
         </iron-collapse>
 <if expr="chromeos">
         <div id="manage-input-methods-subpage-trigger"
               class="settings-box two-line">
@@ skipping 63 matching lines @@
                         "supportsSpellCheckLabel-[[item.language.code]]">
                 </paper-toggle-button>
               </label>
             </template>
             <div class="list-item list-button" on-tap="onEditDictionaryTap_">
               $i18n{manageSpellCheck}
             </div>
           </div>
         </iron-collapse>
 </if>
+        <template is="dom-if" id="menuTemplate">
+          <cr-shared-menu>
+            <button class="dropdown-item" role="menuitem"
+                on-tap="onMoveUpTap_"
+                hidden="[[isFirstLanguage_(
+                    detailLanguage_, languages.enabled.*)]]">
+              $i18n{moveUp}
+            </button>
+            <button class="dropdown-item" role="menuitem"
+                on-tap="onMoveDownTap_"
+                hidden="[[isLastLanguage_(
+                    detailLanguage_, languages.enabled.*)]]">
+              $i18n{moveDown}
+            </button>
+            <button class="dropdown-item" role="menuitem"
+                on-tap="onShowLanguageDetailTap_">
+              $i18n{languageDetail}
+            </button>
+            <button class="dropdown-item" role="menuitem"
+                on-tap="onRemoveLanguageTap_"
+                disabled="[[!detailLanguage_.removable]]">
+              $i18n{removeLanguage}
+            </button>
+          </cr-shared-menu>
+        </template>
       </neon-animatable>
       <template is="dom-if" route-path="/languages/edit" no-search>
         <settings-subpage page-title="[[detailLanguage_.language.displayName]]">
           <settings-language-detail-page id="languageDetailPage"
               languages="{{languages}}" prefs="{{prefs}}"
               detail="[[detailLanguage_]]" language-helper="[[languageHelper]]">
           </settings-language-detail-page>
         </settings-subpage>
       </template>
 <if expr="chromeos">
@@ skipping 18 matching lines @@
 </if>
     </settings-animated-pages>
     <template is="dom-if" if="[[showAddLanguagesDialog_]]" restamp>
       <settings-add-languages-dialog languages="{{languages}}"
           language-helper="[[languageHelper]]">
       </settings-add-languages-dialog>
     </template>
   </template>
   <script src="languages_page.js"></script>
 </dom-module>