MD Settings: fix appearance of managed metrics reporting checkbox

chrome/browser/resources/settings/privacy_page/privacy_page.html

 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_vars_css.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="/clear_browsing_data_dialog/clear_browsing_data_dialog.html">
 <link rel="import" href="/controls/settings_checkbox.html">
 <link rel="import" href="/controls/settings_toggle_button.html">
@@ skipping 31 matching lines @@
       #metricsReporting,
       #safeBrowsingExtendedReporting {
         align-items: center;
         display: flex;
         min-height: var(--settings-row-min-height);       
       }
 
       #metricsReportingCheckbox,
       #safeBrowsingExtendedReportingCheckbox {
         display: inline-block;
+      }
+
+      #metricsReportingCheckbox:not([disabled]),
+      #safeBrowsingExtendedReportingCheckbox {
         width: 100%;
       }
 
       #metricsReporting paper-tooltip {
         --paper-tooltip: var(--cr-policy-tooltip);
       }
 
       #indicator {
         -webkit-margin-start: var(--checkbox-spacing);
       }
@@ skipping 322 matching lines @@
             $i18n{siteSettingsCookieRemoveAll}
           </paper-button>
           <site-data-details-subpage page-title="{{pageTitle}}">
           </site-data-details-subpage>
         </settings-subpage>
       </template>
     </settings-animated-pages>
   </template>
   <script src="privacy_page.js"></script>
 </dom-module>