[MD Extensions] Implement opening tab-style options pages

chrome/browser/resources/md_extensions/detail_view.html

Index: chrome/browser/resources/md_extensions/detail_view.html
diff --git a/chrome/browser/resources/md_extensions/detail_view.html b/chrome/browser/resources/md_extensions/detail_view.html
index 9b5468875bcace9edf8efca7db077143bcdbe218..77ab79ed3145ac43ef71c3aed9b19261c93a275e 100644
--- a/chrome/browser/resources/md_extensions/detail_view.html
+++ b/chrome/browser/resources/md_extensions/detail_view.html
@@ -13,6 +13,9 @@
   <style include="iron-flex"></style>
   <template>
     <style>
+      [hidden] {
+        display: none !important;
+      }
       #main {
         background-color: white;
         height: 800px;
@@ -59,11 +62,13 @@
     <div id="main">
       <div id="top-bar">
         <paper-icon-button id="close-button" icon="arrow-back"
-            on-click="onCloseButtonClick_"></paper-icon-button>
+            on-tap="onCloseButtonTap_"></paper-icon-button>
         <span id="name">[[data.name]]</span>
         <paper-icon-button id="open-in-webstore" icon="open-in-new">
         </paper-icon-button>
-        <paper-icon-button id="options" icon="settings">
+        <paper-icon-button id="options" icon="settings"
+            on-tap="onOptionsButtonTap_"
+            hidden$="[[!shouldShowOptionsButton_(data.*)]]">
         </paper-icon-button>
       </div>
       <div class="section">