MD Settings: Allow controlled-button to be used with icons.

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

Index: chrome/browser/resources/settings/controls/controlled_button.html
diff --git a/chrome/browser/resources/settings/controls/controlled_button.html b/chrome/browser/resources/settings/controls/controlled_button.html
index 7f4e69d4bded78e4317fee1dea523a7e3220b356..2b36be73057dbe059f00b1224acfbf62d8afaf21 100644
--- a/chrome/browser/resources/settings/controls/controlled_button.html
+++ b/chrome/browser/resources/settings/controls/controlled_button.html
@@ -17,7 +17,7 @@
         --justify-margin: 18px;
       }
 
-      :host([controlled_]) {
+      :host([controlled]) {
         /* Disable pointer events for this whole element, as outer on-tap gets
          * triggered when clicking/tapping anywhere in :host. */
         pointer-events: none;
@@ -39,9 +39,16 @@
       }
     </style>
 
-    <paper-button disabled="[[controlled_]]">
-      <content></content>
-    </paper-button>
+    <template is="dom-if" if="[[iconClass]]">
+      <button is="paper-icon-button-light" disabled="[[controlled]]"
+          actionable class$="{{iconClass}}"></button>
+    </template>
+
+    <template is="dom-if" if="[[!iconClass]]">
+      <paper-button disabled="[[controlled]]">
+        <content></content>
+      </paper-button>
+    </template>
 
     <template is="dom-if" if="[[showIndicator_(pref)]]" restamp>
       <cr-policy-pref-indicator pref="[[pref]]" on-tap="onIndicatorTap_">