MD Settings: Change search engine add button to a paper-button

chrome/browser/resources/settings/search_engines_page/search_engines_page.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/action_link_css.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="search_engines_browser_proxy.html">
 <link rel="import" href="search_engine_dialog.html">
 <link rel="import" href="search_engines_list.html">
 <link rel="import" href="omnibox_extension_entry.html">
 <link rel="import" href="../settings_shared_css.html">
 
 <dom-module id="settings-search-engines-page">
   <template>
     <style include="settings-shared action-link">
       .extension-engines {
         @apply(--settings-list-frame-padding);
       }
 
       settings-omnibox-extension-entry {
         border-top: var(--settings-separator-line);
       }
 
       settings-omnibox-extension-entry:first-of-type {
         border-top: none;
       }
+
+      .settings-box > h2 + paper-button {
+        margin-top: 12px;  /* Align with <h2>. */
+      }
     </style>
     <div class="settings-box first">
       <h2>$i18n{searchEnginesDefault}</h2>
     </div>
     <settings-search-engines-list engines="[[defaultEngines]]">
     </settings-search-engines-list>
     <template is="dom-if" if="[[showAddSearchEngineDialog_]]" restamp>
       <settings-search-engine-dialog></settings-search-engine-dialog>
     </template>
+
     <div class="settings-box first">
-      <h2>$i18n{searchEnginesOther}</h2>
+      <h2 class="start">$i18n{searchEnginesOther}</h2>
+      <paper-button class="secondary-button" on-tap="onAddSearchEngineTap_"
+          id="addSearchEngine">
+        $i18n{add}
+      </paper-button>
     </div>
     <settings-search-engines-list engines="[[otherEngines]]">
-      <div class="list-item" id="addSearchEngine">
-        <a is="action-link" class="list-button" on-tap="onAddSearchEngineTap_">
-          $i18n{searchEnginesAddSearchEngine}

[tommycli, 2017/02/02 00:12:55]

if not used, remove from grd and cc.

Also... if there are any more instances of the need to align these
paper-buttons, consider making a shared class maybe called
'header-aligned-button' or something.

[scottchen, 2017/02/02 01:40:58]

Looks like it's still used here:
https://cs.chromium.org/chromium/src/chrome/browser/resources/settings/search...

re: header-aligned-button, I didn't want to add it into settings_shared_css.html
for just 2 instances, since it'll be copied too many times by every
include="shared_style". But now to think of it, if we're committed to making
that copying of shared_styles go away, I guess I might as well do it the right
way now.

-        </a>
-      </div>
     </settings-search-engines-list>
-
     <template is="dom-if" if="[[showExtensionsList_]]">
       <div class="settings-box first">
         <h2>$i18n{searchEnginesExtension}</h2>
       </div>
       <iron-list id="extensions" class="extension-engines" selectable
           items="[[extensions]]">
         <template>
           <settings-omnibox-extension-entry engine="[[item]]"
               tabindex$="[[tabIndex]]">
           </settings-omnibox-extension-entry>
         </template>
       </iron-list>
     </template>
   </template>
   <script src="search_engines_page.js"></script>
 </dom-module>