cgit

diff --git a/cgit.css b/cgit.css
index ae304fae878c553e7dc558572d413188e9be817c..5f0192650efb226d77963ab209104306ed60870d 100644
--- a/cgit.css
+++ b/cgit.css
@@ -83,8 +83,8 @@ }
 th.filesize, td.filesize {
 	text-align: right;
 }
-th.filemode, td.filemode {
-	text-align: center;
+td.filemode {
+	font-family: monospace;
 }
 
 td.blob {




diff --git a/ui-tree.c b/ui-tree.c
index c4d75ab3f3b3b564c0da4decf80b8ed7a54b9954..54dcdbe2b1124be027cfe027bacc0fd2ab0bdead 100644
--- a/ui-tree.c
+++ b/ui-tree.c
@@ -23,7 +23,9 @@ 				     sha1_to_hex(sha1)));
 		return 0;
 	}
 	name = xstrdup(pathname);
-	html("<tr><td>");
+	html("<tr><td class='filemode'>");
+	html_filemode(mode);
+	html("</td><td>");
 	if (S_ISDIR(mode)) {
 		html("<div class='ls-dir'><a href='");
 		html_attr(cgit_pageurl(cgit_query_repo, "tree", 
@@ -39,7 +41,6 @@ 	if (S_ISDIR(mode))
 		html("/");
 	html("</a></div></td>");
 	htmlf("<td class='filesize'>%li</td>", size);
-	htmlf("<td class='filemode'>%06o</td>", mode);
 	html("</tr>\n");
 	free(name);
 	return 0;
@@ -62,9 +63,11 @@ 	}
 
 	html("<h2>Tree content</h2>\n");
 	html("<table class='list'>\n");
-	html("<tr><th class='left'>Name</th>");
+	html("<tr>");
+	html("<th class='left'>Mode</th>");
+	html("<th class='left'>Name</th>");
 	html("<th class='right'>Size</th>");
-	html("<th class='right'>Mode</th></tr>\n");
+	html("</tr>\n");
 	read_tree_recursive(tree, "", 0, 1, NULL, print_entry);
 	html("</table>\n");
 }