Implement extension controlled indicators, starting with New Tab page

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

Index: chrome/browser/resources/settings/controls/extension_controlled_indicator.html
diff --git a/chrome/browser/resources/settings/controls/extension_controlled_indicator.html b/chrome/browser/resources/settings/controls/extension_controlled_indicator.html
new file mode 100644
index 0000000000000000000000000000000000000000..44ed9112fbdb378680dfc0d5eaa555b36310756e
--- /dev/null
+++ b/chrome/browser/resources/settings/controls/extension_controlled_indicator.html
@@ -0,0 +1,37 @@
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="/extension_control_browser_proxy.html">
+
+<dom-module id="extension-controlled-indicator">
+  <template>
+    <style include="settings-shared">
+      :host {
+        -webkit-margin-start: 36px;
+        align-items: center;
+        display: flex;
+        min-height: 44px;

[dpapad, 2016/11/17 01:50:07]

Can this be a --settings-row-min-height variable? 

[Dan Beam, 2016/11/17 02:50:14]

Done.

+      }
+
+      img {
+        -webkit-margin-end: 16px;
+        height: 20px;
+        width: 20px;
+      }
+
+      span {
+        -webkit-margin-end: 8px;
+        flex: 1;
+      }
+    </style>
+    <img src="chrome://extension-icon/[[extensionId]]/40/1">
+    <span inner-h-t-m-l="[[getLabel_(extensionId, extensionName)]]"></span>
+    <template is="dom-if" if="[[extensionCanBeDisabled]]">
+      <paper-button class="secondary-button" on-tap="onDisableTap_">
+        $i18n{disable}
+      </paper-button>
+    </template>
+  </template>
+</dom-module>
+
+<script src="/controls/extension_controlled_indicator.js"></script>