MD Settings: special-case row spacing on Clear Browsing Data dialog

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 c1d07a4d205d980decfd00ab840ee3d07ae47198..187a4030a97280c5b18f2e31ba26dacbe1cecf31 100644
--- a/chrome/browser/resources/settings/controls/settings_checkbox.html
+++ b/chrome/browser/resources/settings/controls/settings_checkbox.html
@@ -29,13 +29,17 @@
       cr-policy-pref-indicator {
         -webkit-margin-start: var(--settings-control-spacing);
       }
+
+      .label {
+        @apply(--settings-checkbox-label);
+      }
     </style>
     <div id="outerRow" noSubLabel$="[[!subLabel]]">
       <paper-checkbox id="checkbox" checked="{{checked}}"
           on-change="notifyChangedByUserInteraction"
           disabled="[[controlDisabled_(disabled, pref.*)]]">
-        <div>[[label]] <content></content></div>
-        <div class="secondary">[[subLabel]]</div>
+        <div class="label">[[label]] <content></content></div>
+        <div class="secondary label">[[subLabel]]</div>
       </paper-checkbox>
       <template is="dom-if" if="[[pref.controlledBy]]">
         <cr-policy-pref-indicator pref="[[pref]]" icon-aria-label="[[label]]">