[MD settings] change height and width of checkboxes

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 fb3378372b15b3a3035818b292a2f50e1cc9976a..96214ead103a396b640de5a92ffbf6d6e1c00c16 100644
--- a/chrome/browser/resources/settings/controls/settings_checkbox.html
+++ b/chrome/browser/resources/settings/controls/settings_checkbox.html
@@ -10,9 +10,14 @@
   <link rel="import" type="css" href="chrome://resources/cr_elements/shared.css">
   <template>
     <style include="settings-shared">
-      :host {
+      #outerRow {
         align-items: center;
         display: flex;
+        min-height: var(--settings-row-two-line-min-height);
+        width: 100%;
+      }
+
+      #outerRow[noSubLabel] {
         min-height: var(--settings-row-min-height);
       }
 
@@ -20,6 +25,10 @@
         @apply(--settings-secondary);
       }
 
+      paper-checkbox {
+        width: 100%;
+      }
+
       paper-checkbox:not([checked]) .secondary {
         @apply(--settings-secondary-unchecked);
       }
@@ -30,7 +39,7 @@
     </style>
     <cr-events id="events"></cr-events>
 
-    <div class="layout horizontal center">
+    <div id="outerRow" noSubLabel$="[[!subLabel]]">

[stevenjb, 2016/08/09 00:47:09]

If we remove the 'layout horizontal' will the cr-policy-pref-indicator show up
correctly?

[dschuyler, 2016/08/09 01:09:24]

It shows up with either Patch #1 or #2. With Patch
#1 the policy icon is on the right. With patch #2
the icon follows just after the checkbox labels.
I'm open to either (as being correct), I'm not sure
of a mock or spec for it exactly.

       <paper-checkbox id="checkbox" checked="{{checked}}"
           disabled="[[checkboxDisabled_(disabled, pref)]]">
         <div>[[label]]</div>