Bug #235507 --> try to reduce the jiggling in tree column headers when...

Bug #235507 --> try to reduce the jiggling in tree column headers when changing the sort direction on a tree column.
The padding one was changing when going from the normal state to the active state on tree col headers. The change of padding
was causing the jiggling effect. Try using the same padding for both states.

mail/base/skin/tree.css

@@ -185,11 +185,11 @@ treecolpicker {
   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
   background-color: -moz-Dialog;
   color: -moz-DialogText;
-  padding: 0px 4px;
+  padding: 1px 4px 0px 5px;
 }
 
 .treecol-image {
-  padding: 0px 1px;
+  padding: 1px 1px 0px 2px;
 }
 
 .treecol-text {
@@ -214,12 +214,8 @@ treecolpicker:hover:active {
   -moz-border-right-colors: ThreeDShadow;
   -moz-border-bottom-colors: ThreeDShadow;
   -moz-border-left-colors: ThreeDShadow -moz-Dialog;
-  padding: 1px 4px 0px 5px;
 }
 
-.treecol-image:hover:active {
-  padding: 1px 1px 0px 2px;
-}
 
 /* ::::: column drag and drop styles ::::: */
 

toolkit/skin/win/tree.css

@@ -148,11 +148,11 @@ treecolpicker {
   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
   background-color: -moz-Dialog;
   color: -moz-DialogText;
-  padding: 0px 4px;
+  padding: 1px 4px 0px 5px;
 }
 
 .treecol-image {
-  padding: 0px 1px;
+  padding: 1px 1px 0px 2px;
 }
 
 .treecol-text {
@@ -176,12 +176,7 @@ treecolpicker:hover:active {
   -moz-border-top-colors: ThreeDShadow -moz-Dialog;
   -moz-border-right-colors: ThreeDShadow;
   -moz-border-bottom-colors: ThreeDShadow;
-  -moz-border-left-colors: ThreeDShadow -moz-Dialog;
-  padding: 1px 4px 0px 5px;
-}
-
-.treecol-image:hover:active {
-  padding: 1px 1px 0px 2px;
+  -moz-border-left-colors: ThreeDShadow -moz-Dialog;  
 }
 
 /* ::::: column drag and drop styles ::::: */