UI polish for certificate viewer

chrome/browser/resources/shared/css/tabs.css

Index: chrome/browser/resources/shared/css/tabs.css
diff --git a/chrome/browser/resources/shared/css/tabs.css b/chrome/browser/resources/shared/css/tabs.css
index 684d1bdc539fa739ddd1e0cf004eb2f01a75634a..4b3610d9c0094bf59641d6fe9881b2d2858833ac 100644
--- a/chrome/browser/resources/shared/css/tabs.css
+++ b/chrome/browser/resources/shared/css/tabs.css
@@ -8,6 +8,7 @@ tabs {
   background: -webkit-linear-gradient(white, rgb(243, 243, 243));
   border-bottom: 1px solid rgb(160, 160, 160);
   margin: 0;
+  -webkit-padding-start: 8px;
 }
 
 tabs > * {
@@ -29,6 +30,10 @@ tabs > :not([selected]):hover {
   background: rgba(200, 200, 200, .3);
 }
 
+tabs > :not([selected]) {
+  background: #eee;

[Rick Byers, 2011/11/07 21:43:48]

This should go above in the "tabs > *" clause (between this rule and the one
below, you're overriding the background in all cases).

It looks like it's using a partially transparent background today (to let a
little bit of the gradient show through) - glen probably assumed it was opaque. 
I don't think it makes a big difference though - try rgba(238, 238, 238, .3) and
make sure that looks like his mocks.

You should also update the border color to match.

Also the hover state will probably now look weird (hovering previously lightened
it, now it will darken it).  Try something in the middle - eg.
rgba(247,247,247,.3) and check to make sure you think it looks OK.  We can
confirm with Glen later.

[bshe, 2011/11/09 22:36:54]

Done.

+}
+
 tabs > [selected] {
   -webkit-transition: none;
   background: white;
@@ -51,8 +56,6 @@ tabpanels {
   -webkit-box-flex: 1;
   background: white;
   box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
-  border: 1px solid rgb(160, 160, 160);
-  border-top: 0;
   display: -webkit-box;
   padding: 5px;
 }