More cleanups to the artefact tree display, related to the bug where the >...

More cleanups to the artefact tree display, related to the bug where the > wasn't shown for long artefact names in IE6

htdocs/js/collapsabletree.js

@@ -125,10 +125,10 @@ function CollapsableTree(data, source) {
             else {
                 item = LI({'id': i.id});
                 if (i.container) {
-                    var toggleLink = SPAN({'id': i.id + '_toggle'}, self.getExpandLink(item));
+                    var toggleLink = DIV({'id': i.id + '_toggle'}, self.getExpandLink(item));
                     appendChildNodes(item, toggleLink, ' ');
                 }
-                var title = SPAN(null, i.text);
+                var title = DIV(null, i.text);
                 appendChildNodes(item, title);
                 forEach(self.statevars, function(j) {
                     if (typeof(data[j]) != 'undefined') {

htdocs/theme/default/static/style/style.css

@@ -1166,12 +1166,7 @@ table#installer {
 	font-weight: normal;
 	margin: 0 0 10px 20px;
 }
-.maincontent #tree p {
-	font-size: 11px;
-	font-weight: normal;
-	margin: 0 0 10px 20px; 
-}
-.maincontent #tree ul ul span {
+.maincontent #tree ul ul div {
     cursor: pointer;
 }
 .maincontent #template {
@@ -1227,14 +1222,33 @@ span.block, div.block {
 }
 span.block_potential, div.block_potential {
     border: 2px solid #e3ac03;
+    cursor: pointer;
 }
 span.block_targetted, div.block_targetted {
     border: 2px solid #c2e167;
 }
-.moveselected {
+div.toggle_link {
+    float: left;
+    margin-top: 4px;
+    margin-right: 3px;
+}
+div.move_link {
+    display: inline;
+    padding-left: 4px;
+}
+* html div.move_link {
+    padding-left: 0;
+}
+div.moveselected {
     display: block;
     background: #eef7d4 url(../images/icon_arrow.gif) no-repeat right; 
-    padding: 0 12px 0 0;
+    padding: 0 12px 0 4px;
+}
+p.emptycontainer {
+    color: #888;
+    margin: 0 0 0 20px;
+	font-size: 11px;
+	font-weight: normal;
 }
 .clickable {
     cursor: pointer;

htdocs/theme/default/templates/view/create3.tpl

@@ -36,7 +36,7 @@ function treeItemFormat(data, tree) {
     var item = LI({'id': 'art_' + data.id});
 
     if (data.container) {
-        var toggleLink = SPAN({'id': 'art_' + data.id + '_toggle'}, tree.getExpandLink(item));
+        var toggleLink = DIV({'id': 'art_' + data.id + '_toggle', 'class' : 'toggle_link'}, tree.getExpandLink(item));
         appendChildNodes(item, toggleLink, ' ');
     }
 
@@ -44,7 +44,7 @@ function treeItemFormat(data, tree) {
         data.title = '';
     }
 
-    var title = SPAN({title: data.title}, data.text);
+    var title = DIV({title: data.title, 'class': 'move_link'}, data.text);
 
     appendChildNodes(item, title);