MD Settings: Input method: fix icons

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 111cc244684b2dc2d19e372ef9e224396b8d899e..1d123fffb9b0f79a4fe0b95b6334bac78e3b609b 100644
--- a/chrome/browser/resources/settings/languages_page/languages_page.html
+++ b/chrome/browser/resources/settings/languages_page/languages_page.html
@@ -63,6 +63,12 @@
         --checkbox-margin-start: 0;
       }
 
+      button[is='paper-icon-button-light'].icon-external {
+        /* The negative magrin messes up the outline border. These are in an
+           indented list so this looks fine until mived: crbug.com/708286. */

[michaelpg, 2017/04/21 02:23:57]

couple spelling errors to fix

[stevenjb, 2017/04/24 22:33:14]

Done.

+        -webkit-margin-end: 0;
+      }
+
       #uiLanguageItem:focus,
       #offerTranslations:focus {
         background-color: transparent;
@@ -174,10 +180,10 @@
                     $i18n{inputMethodEnabled}
                   </div>
                 </div>
-                <paper-icon-button icon="cr:settings_icon"
+                <button class="icon-external" is="paper-icon-button-light"
                     on-tap="onInputMethodOptionsTap_"
                     hidden="[[!item.hasOptionsPage]]">
-                </paper-icon-button>
+                </button>
               </div>
             </template>
             <div class="list-item" on-tap="onManageInputMethodsTap_" actionable>