OS Settings: Use cr-icon-button with title instead of iron-icon.

This change fixes a missing 'Remove' tooltip on the network proxy
exclusion list items.

R=maybelle@chromium.org

Bug: 976663
Test: none
Change-Id: I912b28da1301b6794516146402fde7a4a284deb4
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1669183Reviewed-by: Steven Bennetts <stevenjb@chromium.org>
Reviewed-by: May Lippert <maybelle@chromium.org>
Commit-Queue: James Hawkins <jhawkins@chromium.org>
Auto-Submit: James Hawkins <jhawkins@chromium.org>
Cr-Commit-Position: refs/heads/master@{#671412}

chrome/browser/ui/webui/settings/settings_localized_strings_provider.cc

@@ -151,6 +151,7 @@ void AddCommonStrings(content::WebUIDataSource* html_source, Profile* profile) {
     {"menuButtonLabel", IDS_SETTINGS_MENU_BUTTON_LABEL},
     {"moreActions", IDS_SETTINGS_MORE_ACTIONS},
     {"ok", IDS_OK},
+    {"remove", IDS_REMOVE},
     {"restart", IDS_SETTINGS_RESTART},
 #if !defined(OS_CHROMEOS)
     {"restartToApplyChanges", IDS_SETTINGS_RESTART_TO_APPLY_CHANGES},

ui/webui/resources/cr_components/chromeos/network/network_proxy_exclusions.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
+<link rel="import" href="chrome://resources/cr_elements/cr_icon_button/cr_icon_button.html">
 <link rel="import" href="chrome://resources/cr_elements/hidden_style_css.html">
-<link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="network_shared_css.html">
 
 <dom-module id="network-proxy-exclusions">
   <template>
     <style include="network-shared cr-hidden-style iron-flex">
-      iron-icon {
-        @apply --cr-actionable;
-        margin: 5px;
-      }
-
       #container {
         align-self: stretch;
         border: 1px solid lightgrey;
@@ -26,9 +21,9 @@
       <template is="dom-repeat" items="[[exclusions]]">
         <div class="layout horizontal center" tabindex="0" >
           <div class="flex">[[item]]</div>
-          <iron-icon class="favicon-image" icon="cr:clear"
-              on-tap="onRemoveTap_" tabindex="0" hidden="[[!editable]]">
-          </iron-icon>
+          <cr-icon-button class="icon-clear" hidden="[[!editable]]"
+              title="$i18n{remove}" on-click="onRemoveTap_">
+          </cr-icon-button>
         </div>
       </template>
     </div>