[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..bd8a254850c8a501dc665a0ebac5dc0a1554d0c1 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:not([disabled]) {
+        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]]">
       <paper-checkbox id="checkbox" checked="{{checked}}"
           disabled="[[checkboxDisabled_(disabled, pref)]]">
         <div>[[label]]</div>