listview in single line, spacing in module pages

public/css/ui/common.css

@@ -41,3 +41,7 @@
 .avatar-small img {
 	width: 30px; 
 }
+
+.layout-main-section h4 {
+	margin-bottom: 3px;
+}

public/css/ui/list.css

@@ -130,4 +130,10 @@ div.stat-item {
 	-webkit-border-radius: 9px;
 	-moz-border-radius: 9px;
 	overflow: hidden;
+}
+
+table.doclist-row td {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }

public/js/wn/views/doclistview.js

@@ -463,7 +463,7 @@ wn.views.ListView = Class.extend({
 		$.each(this.columns, function(i, v) {
 			rowhtml += repl('<td style="width: %(width)s"></td>', v);
 		});
-		var tr = $(row).html('<table><tbody><tr>' + rowhtml + '</tr></tbody></table>').find('tr').get(0);
+		var tr = $(row).html('<table class="doclist-row"><tbody><tr>' + rowhtml + '</tr></tbody></table>').find('tr').get(0);
 		
 		// render cells
 		$.each(this.columns, function(i, v) {