Add <a is="action-link">, a web component extension of <a> for in-page actions.

chrome/browser/resources/local_discovery/local_discovery.html

Index: chrome/browser/resources/local_discovery/local_discovery.html
diff --git a/chrome/browser/resources/local_discovery/local_discovery.html b/chrome/browser/resources/local_discovery/local_discovery.html
index 68fc7b329d90f5a5904cf322b0e3d35cdb54800a..0eaba009ab2dfed05a11fe614c96575cb9ffff28 100644
--- a/chrome/browser/resources/local_discovery/local_discovery.html
+++ b/chrome/browser/resources/local_discovery/local_discovery.html
@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="chrome://resources/css/spinner.css">
   <link rel="stylesheet" href="local_discovery.css">
 
+  <script src="chrome://resources/js/action_link.js"></script>
   <script src="chrome://resources/js/cr.js"></script>
   <script src="chrome://resources/js/util.js"></script>
   <script src="chrome://resources/js/load_time_data.js"></script>
@@ -33,8 +34,8 @@
                    class="inline-login-promo"
                    hidden>
                 <span i18n-content="registerNeedLogin"></span>
-                <button class="link-button" id="register-overlay-login-button"
-                        i18n-content="cloudDevicesLogin"></button>
+                <a is="action-link" id="register-overlay-login-button"

[aboxhall, 2014/10/22 21:33:31]

Probably outside of scope here, but this ID is a little misleading now.

[Dan Beam, 2014/10/23 03:05:44]

Acknowledged.

+                    i18n-content="cloudDevicesLogin"></a>
               </div>
               <button class="register-cancel" i18n-content="cancel"></button>
               <button id="register-continue-button"
@@ -100,9 +101,9 @@
     </div>
 
     <header>
-      <button id="back-button" class="link-button" hidden>
+      <a is="action-link" id="back-button" hidden>
         <span i18n-content="backButton"></span>
-      </button>
+      </a>
       <h1 i18n-content="devicesTitle"></h1>
     </header>
 
@@ -112,8 +113,8 @@
       <div id="register-login-promo" class="login-promo cloud-print-message"
            hidden>
         <span i18n-content="registerNeedLogin"></span>
-        <button class="link-button" id="register-login-button"
-                i18n-content="cloudDevicesLogin"></button>
+        <a is="action-link" id="register-login-button"
+            i18n-content="cloudDevicesLogin"></button>
       </div>
       <div id="no-printers-message"
            class="cloud-print-message"
@@ -144,14 +145,14 @@
     <div id="cloud-devices-login-promo" class="login-promo cloud-print-message"
          hidden>
       <span i18n-content="cloudDevicesNeedLogin"></span>
-      <button class="link-button" id="cloud-devices-login-button"
-              i18n-content="cloudDevicesLogin"></button>
+      <a is="action-link" id="cloud-devices-login-button"
+          i18n-content="cloudDevicesLogin"></a>
     </div>
     <div id="cloud-devices-unavailable"
          class="cloud-print-message" hidden>
       <span i18n-content="cloudDevicesUnavailable"></span>
-      <button class="link-button" id="cloud-devices-retry-button"
-              i18n-content="retryLoadCloudDevices"></button>
+      <a is="action-link" id="cloud-devices-retry-button"

[aboxhall, 2014/10/22 21:33:31]

This looks like an action (button) to me.

+          i18n-content="retryLoadCloudDevices"></a>
     </div>
     <div id="cloud-devices">