Moved the tab break from the link to the span. This allows for multiple icons, as...

diff --git a/skins/vector/screen.css b/skins/vector/screen.css
index bb93bc7..1b36c1e 100644 (file)
--- a/skins/vector/screen.css
+++ b/skins/vector/screen.css
@@ -165,10 +165,6 @@ div#mw-head h5 {
                height: 1.9em;
                padding-left: 0.5em;
                padding-right: 0.5em;
-               /* @embed */
-               background-image: url(images/tab-break.png);
-               background-position: bottom right;
-               background-repeat: no-repeat;
                color: #0645ad;
                cursor: pointer;
                font-size: 0.8em;
@@ -177,6 +173,10 @@ div#mw-head h5 {
        div.vectorTabs li > a {
                display: block;
        }
+       div.vectorTabs li.icon a {
+               background-position: bottom right;
+               background-repeat: no-repeat;
+       }
        /* OVERRIDDEN BY COMPLIANT BROWSERS */
        div.vectorTabs span a  {
                display: inline-block;
@@ -188,6 +188,13 @@ div#mw-head h5 {
                float: left;
                display: block;
        }
+       div.vectorTabs span {
+               display: inline-block;
+               /* @embed */
+               background-image: url(images/tab-break.png);
+               background-position: bottom right;
+               background-repeat: no-repeat;
+       }
        div.vectorTabs li.selected a,
        div.vectorTabs li.selected a:visited{
                color: #333333;
@@ -1166,10 +1173,6 @@ div#bodyContent {
 }
 
 /* Watch/Unwatch Icon Styling */
-#ca-unwatch.icon,
-#ca-watch.icon {
-       margin-right:1px;
-}
 #ca-unwatch.icon a,
 #ca-watch.icon a {
        margin: 0;