[MD settings] CSS var --checkbox-spacing to --settings-control-spacing

This CL changes the name of a CSS variable. The checkbox spacing was/is
being used for spacing between a control label and something graphical
such as the checkbox or a policy indicator. The intent is to convey
that it's used for more than checkbox spacing.

BUG=None
CQ_INCLUDE_TRYBOTS=master.tryserver.chromium.linux:closure_compilation

Review-Url: https://codereview.chromium.org/2744763003
Cr-Commit-Position: refs/heads/master@{#456132}

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

@@ -25,7 +25,7 @@
       }
 
       cr-policy-pref-indicator {
-        -webkit-margin-start: var(--checkbox-spacing);
+        -webkit-margin-start: var(--settings-control-spacing);
         /* Enable pointer events for the indicator so :hover works. Disable
          * clicks/taps via onIndicatorTap_ so outer on-tap doesn't trigger. */
         pointer-events: all;

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

@@ -27,7 +27,7 @@
       }
 
       cr-policy-pref-indicator {
-        -webkit-margin-start: var(--checkbox-spacing);
+        -webkit-margin-start: var(--settings-control-spacing);
       }
     </style>
     <div id="outerRow" noSubLabel$="[[!subLabel]]">

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

@@ -16,7 +16,7 @@
       }
 
       cr-policy-pref-indicator {
-        margin: 0 var(--checkbox-spacing);
+        margin: 0 var(--settings-control-spacing);
       }
 
       /* Hide "Custom" value when unselectable. */

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

@@ -30,7 +30,7 @@
 
       paper-toggle-button,
       cr-policy-pref-indicator {
-        -webkit-margin-start: var(--checkbox-spacing);
+        -webkit-margin-start: var(--settings-control-spacing);
       }
 
       ::content .more-actions {

chrome/browser/resources/settings/date_time_page/date_time_page.html

@@ -24,7 +24,7 @@
 
       paper-toggle-button,
       cr-policy-pref-indicator {
-        -webkit-margin-start: var(--checkbox-spacing);
+        -webkit-margin-start: var(--settings-control-spacing);
       }
     </style>
     <div class="settings-box first">

chrome/browser/resources/settings/internet_page/internet_detail_page.html

@@ -44,7 +44,7 @@
       paper-toggle-button,
       cr-policy-network-indicator,
       cr-policy-pref-indicator {
-        -webkit-margin-start: var(--checkbox-spacing);
+        -webkit-margin-start: var(--settings-control-spacing);
       }
 
       /* Use <span> for subtitles so as not to interfere with

chrome/browser/resources/settings/internet_page/network_property_list.html

@@ -25,7 +25,7 @@
       }
 
       cr-policy-network-indicator {
-        -webkit-margin-start: var(--checkbox-spacing);
+        -webkit-margin-start: var(--settings-control-spacing);
       }
     </style>
     <template is="dom-repeat" items="[[fields]]"

chrome/browser/resources/settings/internet_page/network_siminfo.html

@@ -46,7 +46,7 @@
       }
 
       paper-toggle-button {
-        -webkit-margin-start: var(--checkbox-spacing);
+        -webkit-margin-start: var(--settings-control-spacing);
       }
     </style>
 

chrome/browser/resources/settings/settings_shared_css.html

@@ -118,7 +118,7 @@
 
       paper-checkbox {
         --paper-checkbox-checked-color: var(--google-blue-500);
-        --paper-checkbox-label-spacing: var(--checkbox-spacing);
+        --paper-checkbox-label-spacing: var(--settings-control-spacing);
         --paper-checkbox-size: var(--checkbox-size);
         --paper-checkbox-unchecked-color: var(--paper-grey-600);
         -webkit-margin-start: var(--checkbox-margin-start);
@@ -323,7 +323,7 @@
         -webkit-margin-start: calc(
             var(--checkbox-margin-start) +
             var(--checkbox-size) +
-            var(--checkbox-spacing));
+            var(--settings-control-spacing));
       }
 
       .favicon-image {

chrome/browser/resources/settings/settings_vars_css.html

@@ -82,7 +82,7 @@
 
     --checkbox-margin-start: 2px;
     --checkbox-size: 16px;
-    --checkbox-spacing: 18px;
+    --settings-control-spacing: 18px;
     --iron-icon-fill-color: var(--paper-grey-600);
     --iron-icon-height: var(--cr-icon-size);
     --iron-icon-width: var(--cr-icon-size);