MD Settings: Add Hotword (OK Google) section to search_page

chrome/browser/resources/settings/controls/settings_checkbox.html

Index: chrome/browser/resources/settings/controls/settings_checkbox.html
diff --git a/chrome/browser/resources/settings/controls/settings_checkbox.html b/chrome/browser/resources/settings/controls/settings_checkbox.html
index d84314ea1f73279a1bbe5a6750f4c1c115f1cbde..1b651567860718a3343217ed3ee2457ab32ca4b0 100644
--- a/chrome/browser/resources/settings/controls/settings_checkbox.html
+++ b/chrome/browser/resources/settings/controls/settings_checkbox.html
@@ -32,7 +32,7 @@
     <div id="outerRow" noSubLabel$="[[!subLabel]]">
       <paper-checkbox id="checkbox" checked="{{checked}}"
           disabled="[[controlDisabled_(disabled, pref)]]">
-        <div>[[label]]</div>
+        <div>[[label]]<content></content></div>

[michaelpg, 2016/11/28 22:57:07]

let's at least add a space between [[label]] and <content></content>:

  <div>[[label]] <content></content></div>

so we never have whitespace between the label and content when both are present.
otherwise,

  <settings-checkbox label="foo">bar</settings-checkbox>

would display as "foobar" not "foo bar" (as in existing version).

[stevenjb, 2016/11/28 23:05:17]

Sure, that looks the same with the <a> tag I'm using. Done.

         <div class="secondary">[[subLabel]]</div>
       </paper-checkbox>
       <template is="dom-if" if="[[pref.controlledBy]]">