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

chrome/browser/resources/settings/internet_page/network_proxy.html

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_behavior.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_indicator.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/md_select_css.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-container.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="/controls/extension_controlled_indicator.html">
-<link rel="import" href="/controls/settings_checkbox.html">
+<link rel="import" href="/controls/settings_toggle_button.html">
 <link rel="import" href="/i18n_setup.html">
 <link rel="import" href="/prefs/prefs_behavior.html">
 <link rel="import" href="/settings_vars_css.html">
 <link rel="import" href="internet_shared_css.html">
 <link rel="import" href="network_proxy_exclusions.html">
 <link rel="import" href="network_proxy_input.html">
 
 <dom-module id="network-proxy">
   <template>
     <style include="internet-shared md-select">
@@ skipping 16 matching lines @@
       }
 
       #exceptionsDiv {
         padding: 10px 0;
       }
 
       #exceptionsDiv network-proxy-exclusions {
         margin: 10px 0;
       }
 
-      #proxyDiv paper-checkbox {
+      #proxyDiv paper-toggle-button {
         padding: 10px 0;
       }
     </style>
 
     <!-- Policy indicator. Only one dom-if below will be shown. -->
     <template is="dom-if"
         if="[[shouldShowNetworkPolicyIndicator_(networkProperties)]]">
       <div class="settings-box continuation single-column">
         <div class="layout horizontal center">
           <cr-policy-network-indicator
@@ skipping 11 matching lines @@
             extension-name="[[prefs.proxy.controlledByName]]"
             extension-can-be-disabled="[[prefs.proxy.extensionCanBeDisabled]]">
         </extension-controlled-indicator>
       </div>
     </template>
 
     <!-- Allow shared proxies -->
     <div class="settings-box continuation"
         hidden$="[[!shouldShowAllowShared_(
             networkProperties.ProxySettings.Type)]]">
-      <settings-checkbox id="allowShared"
+      <settings-toggle-button id="allowShared" class="start"
           pref="{{prefs.settings.use_shared_proxies}}"
-          no-set-pref label="$i18n{networkProxyAllowShared}"
-          on-change="onAllowSharedProxiesChange_">
-      </settings-checkbox>
+          label="$i18n{networkProxyAllowShared}"
+          on-change="onAllowSharedProxiesChange_"
+          no-set-pref>
+      </settings-toggle-button>
     </div>
 
     <!-- Proxy type dropdown -->
     <div class="settings-box continuation">
       <div class="start">$i18n{networkProxyConnectionType}</div>
       <div class="md-select-wrapper">
         <select id="proxyType" class="md-select" on-change="onTypeChange_"
             value="[[proxy_.Type]]"
             disabled="[[!isEditable_('Type', networkProperties, editable,
                 useSharedProxies_)]]">
@@ skipping 19 matching lines @@
     <!-- Web Proxy Auto Discovery (WPAD) -->
     <div class="settings-box continuation indent"
         hidden$="[[!matches_(proxy_.Type, ProxySettingsType_.WPAD)]]">
       <div>$i18n{networkSectionWpad}</div>
       <div class="middle flex">[[WPAD_]]</div>
     </div>
 
     <!-- Manual -->
     <div id="proxyDiv" class="settings-box continuation single-column indent"
         hidden$="[[!matches_(proxy_.Type, ProxySettingsType_.MANUAL)]]">
-      <paper-checkbox checked="{{useSameProxy_}}"
-          disabled="[[!isEditable_('Type', networkProperties, editable,
-              useSharedProxies_)]]">
-        $i18n{networkProxyUseSame}
-      </paper-checkbox>
+      <div class="flex layout horizontal">
+        <div class="flex">$i18n{networkProxyUseSame}</div>
+        <paper-toggle-button checked="{{useSameProxy_}}"
+            disabled="[[!isEditable_('Type', networkProperties, editable,
+                useSharedProxies_)]]">
+        </paper-toggle-button>
+      </div>
       <div hidden$="[[!useSameProxy_]]" class="layout vertical">
         <network-proxy-input 
             on-proxy-change="onProxyInputChange_"
             editable="[[isEditable_('Manual.HTTPProxy.Host', networkProperties,
                 editable, useSharedProxies_)]]"
             value="{{proxy_.Manual.HTTPProxy}}"
             label="$i18n{networkProxy}">
         </network-proxy-input>
       </div>
       <div hidden$="[[useSameProxy_]]" class="layout vertical">
@@ skipping 64 matching lines @@
         </paper-button>
         <paper-button class="action-button"
             on-tap="onAllowSharedDialogConfirm_">
           $i18n{confirm}
         </paper-button>
       </div>
     </dialog>
   </template>
   <script src="network_proxy.js"></script>
 </dom-module>