MD Settings: Tweak "View reported settings" UI in reset settings profile.

chrome/browser/resources/settings/reset_page/reset_profile_dialog.html

Index: chrome/browser/resources/settings/reset_page/reset_profile_dialog.html
diff --git a/chrome/browser/resources/settings/reset_page/reset_profile_dialog.html b/chrome/browser/resources/settings/reset_page/reset_profile_dialog.html
index 1bd231f91cdb40129399fbc6caeda2181a93f8c0..bc0a5a2c718fdeba7b872c1cb145eff0013a536d 100644
--- a/chrome/browser/resources/settings/reset_page/reset_profile_dialog.html
+++ b/chrome/browser/resources/settings/reset_page/reset_profile_dialog.html
@@ -1,9 +1,8 @@
+<link rel="import" href="chrome://resources/html/action_link.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/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner.html">
 <link rel="import" href="chrome://md-settings/reset_page/reset_browser_proxy.html">
@@ -13,7 +12,11 @@
 <dom-module id="settings-reset-profile-dialog">
   <link rel="import" type="css" href="reset_page_dialog.css">
   <template>
-    <style include="settings-shared"></style>
+    <style include="settings-shared">
+      .footer a {
+        vertical-align: middle;
+      }
+    </style>
     <settings-dialog id="dialog">
       <div class="title" i18n-content="resetPageTitle"></div>
       <div class="body">
@@ -30,11 +33,13 @@
       </div>
       <div class="footer">
         <paper-checkbox id="sendSettings" i18n-content="resetPageFeedback"
-            checked></paper-checkbox>
-        <iron-icon icon="icons:help" on-tap="onShowReportedSettingsTap_">
-        </iron-icon>
+            checked>
+        </paper-checkbox>
+        <a is="action-link" i18n-content="viewReportedSettings"
+            on-tap="onShowReportedSettingsTap_"></a>
       </div>
     </settings-dialog>
   </template>
+  <link rel="import" type="css" href="chrome://resources/css/action_link.css">

[dschuyler, 2016/04/23 00:57:34]

I'm hoping to avoid adding css imports :)
Can this be made into a style-module?

[dpapad, 2016/04/23 01:18:13]

action-link predates Polymerized code in WebUI and therefore is used by
non-Polymer code that can't just import style modules. Turning it into a style
module would probably require duplicating the style from the CSS file instead of
sharing it.

@dbeam who introduced action-link in md-settings
(https://codereview.chromium.org/1725183002/diff/20001/chrome/browser/resource...)
might be a better person to address this.

[Dan Beam, 2016/04/25 18:52:17]

just use <link rel="stylesheet"> instead of <link rel="import" type="css">

[dpapad, 2016/04/25 19:09:36]

Tried this but it does not work. Polymer is also throwing a warning in the
console,
"HTML element <link> is ignored in shadow tree."

[Dan Beam, 2016/04/25 19:19:32]

i'm getting same results.  let's just do an import for now, but maybe we should
rethink whether we want to use action-link in polymer.  other parts may be
broken as well.

   <script src="reset_profile_dialog.js"></script>
 </dom-module>