2 files changed, 9 insertions, 6 deletions

diff --git a/cgit.css b/cgit.css
index ae304fa..5f01926 100644
--- a/cgit.css
+++ b/cgit.css
@@ -84,6 +84,6 @@ th.filesize, td.filesize {
         text-align: right;
 }
-th.filemode, td.filemode {
-        text-align: center;
+td.filemode {
+        font-family: monospace;
 }
 
diff --git a/ui-tree.c b/ui-tree.c
index c4d75ab..54dcdbe 100644
--- a/ui-tree.c
+++ b/ui-tree.c
@@ -24,5 +24,7 @@ static int print_entry(const unsigned char *sha1, const char *base,
         }
         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='");
@@ -40,5 +42,4 @@ static int print_entry(const unsigned char *sha1, const char *base,
         html("</a></div></td>");
         htmlf("<td class='filesize'>%li</td>", size);
-        htmlf("<td class='filemode'>%06o</td>", mode);
         html("</tr>\n");
         free(name);
@@ -63,7 +64,9 @@ void cgit_print_tree(const char *hex)
         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");