UI polish for certificate viewer

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

 tabbox {
   -webkit-box-orient: vertical;
   display: -webkit-box;
 }
 
 tabs {
   display: -webkit-box;
   background: -webkit-linear-gradient(white, rgb(243, 243, 243));
   border-bottom: 1px solid rgb(160, 160, 160);
   margin: 0;
+  -webkit-padding-start: 8px;
 }
 
 tabs > * {
   -webkit-margin-start: 5px;
   -webkit-transition: border-color .15s, background-color .15s;
   background: rgba(160, 160, 160, .3);
   border: 1px solid rgba(160, 160, 160, .3);
   border-bottom: 0;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   cursor: default;
   display: block;
   min-width: 4em;
   padding: 2px 10px;
   text-align: center;
 }
 
 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;
   border-color: rgb(160, 160, 160);
   margin-bottom: -1px;
   position: relative;
   z-index: 0;
 }
 
 tabs:focus {
   outline: none;
 }
 
 html.focus-outline-visible tabs:focus > [selected] {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
 
 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;
 }
 
 tabpanels > * {
   -webkit-box-flex: 1;
   display: none;
 }
 
 tabpanels > [selected] {
   display: block;
 }