Convert cr-settings-drawer to Polymer 0.8

chrome/browser/resources/settings/settings_drawer/settings_drawer.css

-<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
-<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
-
-<core-style id="settingsDrawerStyle">
 :host {
   background-color: rgb(38, 50, 56);
   color: white;
-  display: block;
+  display: flex;

[Kyle Horimoto, 2015/05/12 18:14:55]

nit: We should use layout classes if possible instead, right?

[michaelpg, 2015/05/12 18:37:11]

I'd rather have this here than in the JavaScript (hostAttributes).

[michaelpg, 2015/05/12 19:52:07]

See the release notes for 0.9 on hostAttribute changes:

https://oh-nine-dot-polymer-project.appspot.com/0.9/docs/release-notes.html

I'm not sure whether this means the class attribute can now be set in the
element's own markup, or whether it has to be set from outside the element.

If we wind up able to add classes to the host element in markup in 0.9 or 1.0,
we can update this then.

[michaelpg, 2015/05/12 19:56:52]

Oh... and reading further into the release notes, those classes are going away
in 0.9 in favor of custom styles that can be applied in CSS.

+  flex-direction: column;
   overflow: auto;
 }
 
 #user-card {
   -webkit-padding-start: 40px;
   background-color: rgb(28, 37, 42);
   color: white;
   height: 95px;
 }
 
 #user-card img {
   -webkit-margin-end: 15px;
   height: 50px;
   width: 50px;
 }
 
 #user-card .name {
   font-size: 18px;
 }
 
 #user-card .email {
   font-size: 14px;
 }
-</core-style>