Keyboard settings: icon buttons for tappable rows

chrome/browser/resources/settings/device_page/keyboard.html

 <link rel="import" href="chrome://resources/cr_elements/cr_slider/cr_slider.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-flex-layout/iron-flex-layout-classes.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="/controls/settings_checkbox.html">
 <link rel="import" href="/controls/settings_dropdown_menu.html">
 <link rel="import" href="/i18n_setup.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="settings-keyboard">
   <template>
     <style include="settings-shared"></style>
     <div class="settings-box first">
@@ skipping 86 matching lines @@
               tick-values="[[autoRepeatIntervals_]]"
               disabled="[[!prefs.settings.language.xkb_auto_repeat_enabled_r2.value]]"
               aria-labelledby="repeatRateLabel">
           </cr-slider>
           <div>$i18n{keyRepeatRateFast}</div>
         </div>
       </div>
     </iron-collapse>
     <div id="keyboardOverlay" class="settings-box"
         on-tap="onShowKeyboardShortcutsOverlayTap_" actionable>
-      $i18n{showKeyboardShortcutsOverlay}
+      <div class="start">$i18n{showKeyboardShortcutsOverlay}</div>
+      <button class="icon-external" is="paper-icon-button-light"></button>
     </div>
     <div class="settings-box" on-tap="onShowLanguageInputTap_" actionable>
-      $i18n{keyboardShowLanguageAndInput}
+      <div class="start">$i18n{keyboardShowLanguageAndInput}</div>
+      <button class="subpage-arrow" is="paper-icon-button-light"></button>

[hcarmona, 2016/12/13 18:00:47]

subpage-arrow seems a bit odd to me because we're not navigating to a subpage.
It also seems a bit odd because after clicking it, when we click back twice we
are back at "Languages and Input" instead of "Device". But, that seems like a
different issue.

Do we have any other UI where we do this?

[michaelpg, 2016/12/13 23:21:44]

Storage management does this (CrOS). I also filed crbug.com/673925.

[michaelpg, 2016/12/17 07:11:15]

See dbeam's replies at crbug.com/673925 -- I think these are the right icons to
use.

[hcarmona, 2016/12/19 20:00:38]

Sounds good.

     </div>
   </template>
   <script src="keyboard.js"></script>
 </dom-module>