Use one instance of language settings detail menu for all languages

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

Index: chrome/browser/resources/settings/languages_page/languages_page.html
diff --git a/chrome/browser/resources/settings/languages_page/languages_page.html b/chrome/browser/resources/settings/languages_page/languages_page.html
index ae9ac980f356eb79e0e97d229dd0e1c7fb1844b9..60a7c3ad4d42583f6ad4fa97647f31814d7e7c54 100644
--- a/chrome/browser/resources/settings/languages_page/languages_page.html
+++ b/chrome/browser/resources/settings/languages_page/languages_page.html
@@ -7,6 +7,7 @@
 <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">
@@ -79,37 +80,8 @@
                 </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_">
@@ -193,6 +165,31 @@
           </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]]">