diff --git a/css/TableListField.css b/css/TableListField.css
index c5c9f9ff7..61e3968cb 100644
--- a/css/TableListField.css
+++ b/css/TableListField.css
@@ -37,15 +37,17 @@ table.CMSList thead th {
background-repeat: repeat-x;
background-position: left bottom;
background-color: #ebeadb;
- height: 24px;
border-right: 1px solid #aca899;
border-left: 1px solid #ffffff;
+ white-space: nowrap;
+ padding: 3px;
+ font-size: 12px;
+ text-align: left;
}
table.TableField thead th span,
.TableListField table.data thead th span {
- display: block;
- float: left;
+ font-size: 12px;
}
table.TableField thead th a,
@@ -57,8 +59,6 @@ table.CMSList thead th a {
table.TableField thead th span.sortLink,
.TableListField table.data thead th span.sortLink,
table.CMSList thead th span.sortLink {
- width: 16px;
- height: 16px;
overflow: hidden;
}
diff --git a/javascript/TableListField.js b/javascript/TableListField.js
index 24fdfff1e..b53a69c09 100755
--- a/javascript/TableListField.js
+++ b/javascript/TableListField.js
@@ -17,15 +17,15 @@ TableListField.prototype = {
rules['#'+this.id+' th'] = {
initialize: function() {
var sortLinks = $$('span.sortLinkHidden a', this);
- if(sortLinks) Element.hide(sortLinks[0]);
+ if(sortLinks) sortLinks[0].style.visibility = 'hidden';
},
onmouseover: function(e) {
var sortLinks = $$('span.sortLinkHidden a', this);
- if(sortLinks) Element.show(sortLinks[0]);
+ if(sortLinks) sortLinks[0].style.visibility = 'visible';
},
onmouseout: function(e) {
var sortLinks = $$('span.sortLinkHidden a', this);
- if(sortLinks) Element.hide(sortLinks[0]);
+ if(sortLinks) sortLinks[0].style.visibility = 'hidden';
}
};
diff --git a/templates/TableListField.ss b/templates/TableListField.ss
index 6ef2b87ae..99187443b 100755
--- a/templates/TableListField.ss
+++ b/templates/TableListField.ss
@@ -18,17 +18,16 @@
$Title
-
- <% if SortDirection = desc %>
-
- <% else %>
-
- <% end_if %>
+ <% if SortDirection = desc %>
+
+ <% else %>
+
+ <% end_if %>
<% else %>
- $Title
+ $Title
<% end_if %>
<% end_control %>