MD Settings: simplify spelling service toggle and make it respect policy

chrome/browser/resources/settings/privacy_page/privacy_page.html

Index: chrome/browser/resources/settings/privacy_page/privacy_page.html
diff --git a/chrome/browser/resources/settings/privacy_page/privacy_page.html b/chrome/browser/resources/settings/privacy_page/privacy_page.html
index 28792dc7750dccc8b92ba760d9377349e19c5f6a..1b6c2bea3b7843f46881de4c95525f65fd563d18 100644
--- a/chrome/browser/resources/settings/privacy_page/privacy_page.html
+++ b/chrome/browser/resources/settings/privacy_page/privacy_page.html
@@ -147,14 +147,12 @@
 </if>
         </div>
 <if expr="_google_chrome">
-        <div class="settings-box two-line" actionable
-            on-tap="onUseSpellingServiceTap_">
-          <div class="start">
-            $i18n{spellingPref}
-            <div class="secondary">$i18n{spellingDescription}</div>
-          </div>
-          <paper-toggle-button id="spellingServiceToggleButton">
-          </paper-toggle-button>
+        <div class="settings-box two-line">
+          <settings-toggle-button class="start"
+              pref="{{prefs.spellcheck.use_spelling_service}}"
+              label="$i18n{spellingPref}"
+              sub-label="$i18n{spellingDescription}">
+          </settings-toggle-button>

[dschuyler, 2016/12/02 02:38:53]

Is there a way to preserve the on-tap for the entire settings box?

I know that not all of the rows are entirely clickable, but that is the goal. So
I'm hesitant to lose one that is on the whole row now?

Or am I misunderstanding, does this get the whole row?

[Dan Beam, 2016/12/02 04:07:35]

yeah, do this:
https://codereview.chromium.org/2538373002/diff/40001/chrome/browser/resource...

         </div>
 </if>
 <if expr="use_nss_certs or is_win or is_macosx">