MD User Manager: Removes external style sheets in Polymer components

chrome/browser/resources/md_user_manager/control_bar.html

Index: chrome/browser/resources/md_user_manager/control_bar.html
diff --git a/chrome/browser/resources/md_user_manager/control_bar.html b/chrome/browser/resources/md_user_manager/control_bar.html
index 94591e35a393c8089c7b0faf3aa05a4378c851ae..9a15c67b0850931356f5d37eb9e43808f04c82ed 100644
--- a/chrome/browser/resources/md_user_manager/control_bar.html
+++ b/chrome/browser/resources/md_user_manager/control_bar.html
@@ -5,11 +5,42 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 
 <dom-module id="control-bar">
-  <!-- TODO(mahmadi): this format is deprecated. Change to the new
-       "shared styles" format. -->
-  <link rel="import" type="css" href="chrome://md-user-manager/control_bar.css">
   <template>
-    <style include="shared-styles"></style>
+    <style include="shared-styles">
+      #container {
+        padding-bottom: 12px;
+        padding-top: 12px;
+      }
+
+      paper-button {
+        border-radius: 2px;
+        color: var(--paper-grey-600);
+        font-weight: 500;
+        line-height: 32px;
+        margin: 0;
+        min-width: 52px;
+        padding: 0 16px;
+      }
+
+      #addUser {
+        margin: 0 8px;
+      }
+
+      #logo {
+        content: -webkit-image-set(
+            url(../../../app/theme/default_100_percent/%DISTRIBUTION%/product_logo_name_48.png) 1x,
+            url(../../../app/theme/default_200_percent/%DISTRIBUTION%/product_logo_name_48.png) 2x);
+        height: 18px;
+        left: 24px;
+        position: absolute;
+        top: 19px;
+      }
+
+      :host-context([dir='rtl']) #logo {
+        left: auto;
+        right: 24px;
+      }
+    </style>
     <div id="container" class="layout horizontal end-justified">
       <div id="logo"></div>
       <paper-button id="launchGuest" on-tap="onLaunchGuestTap_"