[MD settings] move <dialog> out of content

chrome/browser/resources/settings/controls/settings_toggle_button.js

Index: chrome/browser/resources/settings/controls/settings_toggle_button.js
diff --git a/chrome/browser/resources/settings/controls/settings_toggle_button.js b/chrome/browser/resources/settings/controls/settings_toggle_button.js
index 1352bccfeadf21ee4242a8d4dfe60e9c1e330d12..6b636b5d4c291933d524a408374896d26d5a8ca8 100644
--- a/chrome/browser/resources/settings/controls/settings_toggle_button.js
+++ b/chrome/browser/resources/settings/controls/settings_toggle_button.js
@@ -9,6 +9,8 @@
 Polymer({
   is: 'settings-toggle-button',
 
+  behaviors: [SettingsBooleanControlBehavior],

[dschuyler, 2017/05/23 23:29:25]

Just moved, not changed.

+
   properties: {
     elideLabel: {
       type: Boolean,
@@ -16,7 +18,10 @@ Polymer({
     },
   },
 
-  behaviors: [SettingsBooleanControlBehavior],
+  /** @private */

[hcarmona, 2017/05/24 18:05:36]

Should this be @override instead?

[dschuyler, 2017/05/24 20:39:07]

Done.

+  focus: function() {
+    this.$.control.focus();

[dschuyler, 2017/05/23 23:29:25]

Pass along the focus to avoid doing this elsewhere: 
this.$.toggleButton.$.control.focus()
and allowing:
this.$.toggleButton.focus()

+  },
 
   /** @private */
   onLabelWrapperTap_: function() {