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

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

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="/controls/settings_boolean_control_behavior.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="settings-checkbox">
   <template>
     <style include="settings-shared">
       #outerRow {
         align-items: center;
@@ skipping 14 matching lines @@
         @apply(--settings-secondary-unchecked);
       }
 
       cr-policy-pref-indicator {
         -webkit-margin-start: var(--checkbox-spacing);
       }
     </style>
     <div id="outerRow" noSubLabel$="[[!subLabel]]">
       <paper-checkbox id="checkbox" checked="{{checked}}"
           disabled="[[controlDisabled_(disabled, pref)]]">
-        <div>[[label]]</div>
+        <div>
+          <span>[[label]]</span>
+          <content></content>

[michaelpg, 2016/11/27 22:25:33]

Performance alarm bells are going off in my head... did you investigate perf
impact? (could be very minimal, just dunno)

[stevenjb, 2016/11/28 20:53:36]

Alas, I am still unaware of an metric that is anywhere near precise enough to
measure any such impact.

You're not wrong to be concerned, but it sucks that web UI is so slow that we
have to worry about this sort of thing.

I removed the <span> and it looks the same, hopefully just inserting <content>
shouldn't have any real impact when it is empty?

+        </div>
         <div class="secondary">[[subLabel]]</div>
       </paper-checkbox>
       <template is="dom-if" if="[[pref.controlledBy]]">
         <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator>
       </template>
     </div>
   </template>
   <script src="settings_checkbox.js"></script>
 </dom-module>