MD Settings: change most checkboxes to toggles (leave dialogs alone)

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/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="/controls/settings_toggle_button.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">
       <div class="start">$i18n{keyboardKeySearch}</div>
       <settings-dropdown-menu
@@ skipping 41 matching lines @@
       </settings-dropdown-menu>
     </div>
     <div class="settings-box">
       <div class="start">$i18n{keyboardKeyBackspace}</div>
       <settings-dropdown-menu
           pref="{{prefs.settings.language.remap_backspace_key_to}}"
           menu-options="[[keyMapTargets_]]">
       </settings-dropdown-menu>
     </div>
     <div class="settings-box">
-      <settings-checkbox
+      <settings-toggle-button class="start"
           pref="{{prefs.settings.language.send_function_keys}}"
           label="$i18n{keyboardSendFunctionKeys}"
           sub-label="$i18n{keyboardSendFunctionKeysDescription}">
-      </settings-checkbox>
+      </settings-toggle-button>
     </div>
     <div class="settings-box">
-      <settings-checkbox
+      <settings-toggle-button class="start"
           pref="{{prefs.settings.language.xkb_auto_repeat_enabled_r2}}"
           label="$i18n{keyboardEnableAutoRepeat}">
-      </settings-checkbox>
+      </settings-toggle-button>
     </div>
     <iron-collapse
         opened="[[prefs.settings.language.xkb_auto_repeat_enabled_r2.value]]">
       <div class="settings-box continuation settings-checkbox-spacer">
         <div class="start" id="repeatDelayLabel">$i18n{keyRepeatDelay}</div>
         <cr-slider id="delaySlider"
             value="{{prefs.settings.language.xkb_auto_repeat_delay_r2.value}}"
             tick-values="[[autoRepeatDelays_]]"
             disabled="[[
                 !prefs.settings.language.xkb_auto_repeat_enabled_r2.value]]"
@@ skipping 21 matching lines @@
       <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>
       <div class="start">$i18n{keyboardShowLanguageAndInput}</div>
       <button class="subpage-arrow" is="paper-icon-button-light"></button>
     </div>
   </template>
   <script src="keyboard.js"></script>
 </dom-module>