Make the contents of toolstrips center vertically by default.

Review URL: http://codereview.chromium.org/115790

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@16924 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 9 insertions, 2 deletions

diff --git a/chrome/browser/resources/extensions_toolstrip.css b/chrome/browser/resources/extensions_toolstrip.css
index c7778ff..7d5bbbe 100644
--- a/chrome/browser/resources/extensions_toolstrip.css
+++ b/chrome/browser/resources/extensions_toolstrip.css
@@ -6,7 +6,7 @@
 body {
   display:-webkit-box;
   -webkit-box-orient:horizontal;
-  -webkit-box-align:stretch;
+  -webkit-box-align:center;
   white-space:nowrap;
   overflow: hidden;
   margin: 0;
@@ -19,6 +19,14 @@ body {
 }
 
 /**
+ * This, combined with -webkit-box-align:center on body, makes content inside
+ * the body tag center itself vertically by default.
+ */
+body>* {
+  display:-webkit-box;
+}
+
+/**
  * Toolstrip Buttons. The following styles make
  * <div class="toolstrip-button"><img><span>Woot</span></div> look like the
  * bookmarkbar buttons on Windows.
@@ -31,7 +39,6 @@ body {
  * fixed.
  */
 div.toolstrip-button {
-  display:-webkit-box;
   -webkit-box-orient:horizontal;
   -webkit-box-align:center;
   border:6px solid transparent;