CrOS "remove this user" button should use red button style just like desktop browser

Remove this user button for supervised user is changed to back bold font style not by design. This CL restores the red button style for both removing non-owner user and supervised user.

BUG=641137
TEST=device test. Screenshots are in crbug.com/641137.

Review-Url: https://codereview.chromium.org/2293683002
Cr-Commit-Position: refs/heads/master@{#415570}

ui/login/account_picker/user_pod_row.css

@@ -621,10 +621,6 @@ html[dir=rtl] .action-box-area.active ~ .action-box-menu {
   text-align: end;
 }
 
-.remove-warning-button {
-  font-weight: bold;
-}
-
 /* Hide dialog elements not in a correct category. Only combinations currently
    in use are included here. */
 .pod.legacy-supervised .non-sync,

ui/login/account_picker/user_pod_template.css

+/* Copyright 2016 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ *
+ * This is the stylesheet imported into the style module in
+ * user_pod_template.html.
+ */
+
+.action-box-remove-user-warning .remove-warning-button {
+  --paper-button: {
+    background: var(--google-red-700);
+    color: white;
+    font-weight: 600;
+    @apply(--layout-vertical);
+  };
+  --paper-button-flat-keyboard-focus: {
+    background: rgb(173, 50, 36);
+  };
+  @apply(--action-button);
+}

ui/login/account_picker/user_pod_template.html

+<dom-module id="user-pod-template-shared-styles">
+  <template>
+    <link rel="stylesheet" href="user_pod_template.css">
+  </template>
+</dom-module>
+
+<style is="custom-style" include="user-pod-template-shared-styles"></style>
+
 <div id="user-pod-template" class="pod disabled" hidden>
   <div class="user-image-pane">
     <div class="user-image-container">