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

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

+<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">
 <link rel="import" href="chrome://md-settings/settings_dialog.html">
 <link rel="import" href="chrome://md-settings/settings_shared_css.html">
 
 <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">
         <span i18n-content="resetPageExplanation"></span>
         <a i18n-values="href:resetPageLearnMoreUrl"
             i18n-content="learnMore" target="_blank"></a>
       </div>
       <div class="button-container">
         <paper-spinner id="resetSpinner"></paper-spinner>
         <paper-button class="cancel-button" on-tap="onCancelTap_"
             id="cancel" i18n-content="cancel"></paper-button>
         <paper-button class="action-button" on-tap="onResetTap_"
             id="reset" i18n-content="resetPageCommit"></paper-button>
       </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>