MD History: Fix focus highlight on 'Sign in to Chrome' button

chrome/browser/resources/md_history/synced_device_manager.html

Index: chrome/browser/resources/md_history/synced_device_manager.html
diff --git a/chrome/browser/resources/md_history/synced_device_manager.html b/chrome/browser/resources/md_history/synced_device_manager.html
index 7450fc53855765c0e680888d49ab5f8849bbdedf..40dff8b5a46e4e9377d13deff042ea4dccef08e2 100644
--- a/chrome/browser/resources/md_history/synced_device_manager.html
+++ b/chrome/browser/resources/md_history/synced_device_manager.html
@@ -3,13 +3,14 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_shared_menu/cr_shared_menu.html">
+<link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
 <link rel="import" href="chrome://history/lazy_render.html">
 <link rel="import" href="chrome://history/shared_style.html">
 <link rel="import" href="chrome://history/synced_device_card.html">
 
 <dom-module id="history-synced-device-manager">
   <template>
-    <style include="shared-style">
+    <style include="shared-style cr-shared-style">
       :host {
         display: block;
         overflow: auto;
@@ -51,10 +52,7 @@
       }
 
       #sign-in-button {
-        background-color: var(--google-blue-500);
-        color: white;
-        font-weight: 500;
-        margin-top: 24px;
+        margin: 24px 0;
         padding-left: 12px;
         padding-right: 12px;
       }
@@ -85,7 +83,8 @@
       <div id="illustration"></div>
       <div id="sign-in-promo">$i18n{signInPromo}</div>
       <div id="sign-in-promo-desc">$i18n{signInPromoDesc}</div>
-      <paper-button id="sign-in-button" on-tap="onSignInTap_">
+      <paper-button id="sign-in-button" class="action-button"
+          on-tap="onSignInTap_">
         $i18n{signInButton}
       </paper-button>
     </div>