Show GAIA profile info in NTP

chrome/browser/resources/ntp4/new_tab.css

 /* Copyright (c) 2011 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.
  */
 
 html {
   font-family: segoe ui, arial, helvetica, sans-serif;
   font-size: 14px;
   /* It's necessary to put this here instead of in body in order to get the
      background-size of 100% to work properly */
@@ skipping 177 matching lines @@
   top: 0;
   z-index: 100;
   -webkit-box-shadow: none;
 }
 
 html[dir='rtl'] #login-container {
   left: 0;
   right: auto;
 }
 
+#login-status-header-container {

[Evan Stade, 2011/12/02 00:03:26]

I meant to suggest this should be consolidated with the other rule block, just
use a comma in between selectors

[sail, 2011/12/02 01:19:57]

Sorry, consolidated with which rule block?

[Evan Stade, 2011/12/02 02:25:16]

#login-status-action-area (in fact it's probably a good idea to create a class
instead of calling them both out by ID)

[sail, 2011/12/02 18:42:28]

Done.

+  display: -webkit-box;
+  -webkit-box-align: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: end;
+}
+
+#login-status-header {
+  display: block;
+}
+
+#login-status-icon {

[Evan Stade, 2011/12/02 00:03:26]

so no border then? if no border, then I guess we don't need this div.

[sail, 2011/12/02 01:19:57]

I don't think I understand. Don't I still need an element to display the icon
in?

[Evan Stade, 2011/12/02 02:25:16]

make it a background image of login-status-header-container or
login-status-header

[sail, 2011/12/02 18:42:28]

Done.

+  margin-left: 10px;
+  width: 27px;

[Evan Stade, 2011/12/02 00:03:26]

alphabet

[sail, 2011/12/02 01:19:57]

Done.

+  height: 27px;
+}
+
 .link-span {
   text-decoration: underline;
 }
 
 #login-status-bubble-contents {
   font-size: 13px;
 }
 
 #login-status-message-container {
   margin-bottom: 13px;
 }
 
 #login-status-learn-more {
   display: inline-block;
 }
 
 #login-status-action-area {
+  display: -webkit-box;
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: end;
-  display: -webkit-box;
 }
 
 #login-status-advanced-container {
   -webkit-box-flex: 1;
 }
 
 #login-status-dismiss {
   min-width: 6em;
 }
 
@@ skipping 41 matching lines @@
   padding: 0;
   position: absolute;
   margin: 0;
   max-width: 150px;
   min-width: 90px;
   outline: none;
   top: 0;
   z-index: 5;
   -webkit-transition: width 150ms, right 150ms, background-color 150ms;
 }