About WebUI: a11y, use cr-link-row so row is treated as one button

Bug: 870460
Change-Id: I24fa99baa9e390df94be3e6f01bf2a3127bfc37c
Reviewed-on: https://chromium-review.googlesource.com/c/1311773
Commit-Queue: Esmael El-Moslimany <aee@chromium.org>
Reviewed-by: Hector Carmona <hcarmona@chromium.org>
Cr-Commit-Position: refs/heads/master@{#604734}

chrome/browser/resources/settings/about_page/about_page.html

@@ -12,6 +12,7 @@
 <link rel="import" href="../settings_page_css.html">
 <link rel="import" href="../settings_shared_css.html">
 <link rel="import" href="../settings_vars_css.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_link_row/cr_link_row.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
 <link rel="import" href="chrome://resources/html/assert.html">
@@ -239,32 +240,19 @@
               </div>
             </template>
 </if>
-            <div id="help" class="settings-box" on-click="onHelpTap_"
-                actionable>
-              <div class="start">$i18n{aboutGetHelpUsingChrome}</div>
-              <paper-icon-button-light class="icon-external">
-                <button aria-labelledby="help"></button>
-              </paper-icon-button-light>
-            </div>
+            <cr-link-row class="hr" icon-class="icon-external" id="help"
+                on-click="onHelpTap_" label="$i18n{aboutGetHelpUsingChrome}">
+            </cr-link-row>
 <if expr="_google_chrome">
-            <div id="reportIssue" class="settings-box" actionable
-                on-click="onReportIssueTap_">
-              <div class="start">$i18n{aboutReportAnIssue}</div>
-              <paper-icon-button-light class="subpage-arrow">
-                <button aria-labelledby="reportIssue"></button>
-              </paper-icon-button-light>
-            </div>
+            <cr-link-row class="hr" icon-class="subpage-arrow" id="reportIssue"
+                on-click="onReportIssueTap_" label="$i18n{aboutReportAnIssue}">
+            </cr-link-row>
 </if>
 <if expr="chromeos">
-            <div class="settings-box" on-click="onDetailedBuildInfoTap_"
-                actionable>
-              <div class="start">$i18n{aboutDetailedBuildInfo}</div>
-              <paper-icon-button-light class="subpage-arrow">
-                <button id="detailed-build-info-trigger"
-                    aria-label="$i18n{aboutDetailedBuildInfo}">
-                </button>
-              </paper-icon-button-light>
-            </div>
+            <cr-link-row class="hr" icon-class="subpage-arrow"
+                id="detailed-build-info-trigger"
+                on-click="onDetailedBuildInfoTap_"
+                label="$i18n{aboutDetailedBuildInfo}"></cr-link-row>
 </if>
           </neon-animatable>
 <if expr="chromeos">