diff --git a/app/views/repositories/_dir_list_content.rhtml b/app/views/repositories/_dir_list_content.rhtml
index c3bd56e..c302165 100644
--- a/app/views/repositories/_dir_list_content.rhtml
+++ b/app/views/repositories/_dir_list_content.rhtml
@@ -1,26 +1,18 @@
 <% @entries.each do |entry| %>
 <% tr_id = Digest::MD5.hexdigest(entry.path)
    depth = params[:depth].to_i %>
-<tr id="<%= tr_id %>" class="<%= params[:parent_id] %> entry">
-<td class="filename">
-<%= if entry.is_dir?
-  link_to_remote h(entry.name),
-                 {:url => {:action => 'browse', :id => @project, :path => entry.path, :rev => @rev, :depth => (depth + 1), :parent_id => tr_id},
+<tr id="<%= tr_id %>" class="<%= params[:parent_id] %> entry <%= entry.kind %>">
+<td style="padding-left: <%=18 * depth%>px;" class="filename">
+<% if entry.is_dir? %>
+<span class="expander" onclick="<%=  remote_function :url => {:action => 'browse', :id => @project, :path => entry.path, :rev => @rev, :depth => (depth + 1), :parent_id => tr_id},
                   :update => { :success => tr_id },
                   :position => :after,
                   :success => "scmEntryLoaded('#{tr_id}')",
-                  :condition => "scmEntryClick('#{tr_id}')"
-                 },
-                 {:href => url_for({:action => 'browse', :id => @project, :path => entry.path, :rev => @rev}),
-                  :class => ('icon icon-folder'),
-                  :style => "margin-left: #{18 * depth}px;"
-                 }
-else
-  link_to h(entry.name),
+                  :condition => "scmEntryClick('#{tr_id}')"%>">&nbsp</span>
+<% end %>
+<%=  link_to h(entry.name),
           {:action => (entry.is_dir? ? 'browse' : 'changes'), :id => @project, :path => entry.path, :rev => @rev},
-          :class => 'icon icon-file',
-          :style => "margin-left: #{18 * depth}px;"
-end %>
+          :class => (entry.is_dir? ? 'icon icon-folder' : 'icon icon-file')%>
 </td>
 <td class="size"><%= (entry.size ? number_to_human_size(entry.size) : "?") unless entry.is_dir? %></td>
 <td class="revision"><%= link_to(format_revision(entry.lastrev.name), :action => 'revision', :id => @project, :rev => entry.lastrev.identifier) if entry.lastrev && entry.lastrev.identifier %></td>
diff --git a/public/images/bullet_toggle_minus.png b/public/images/bullet_toggle_minus.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ce75938fdeca159bf2917dcafae187bfb8dc52e
GIT binary patch
literal 335
zc%17D@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbL!UWsc&iE~kEVo7Fxo<c}wZYo1c
zX0D!sp{YVvX=a{+k%57Qf}ydMv9XnjrGmDBp@G4pizO3*I@wD+eO=jau<>&%v+ZMj
zvk)l6S>O>_%)r1c1j3A$?$-SQ3bLd-`Z_W&Z0zU$lgJ9>dj$A|xc>kDf77N-ot>S{
z&CPXnbrlsA#l^*Q=FFKnbLPQ=2TMy!7cE+}X3d(_t5>(RwQb(Kxxc@E&z?P(E?wHU
zZ{N<HJJ+pSw_?SLUAuP8JG7kzXeMJxkY6x^!?PP{K#sGgi(^Q|t>lCSLIOf!55+}=
z-8ndlni$xf8s<-KZ*LD~P&{y&Q^n$^0MnfWQ5_COz73Kw9E@&iX<}h!Wm%R|!VC<?
X+>D=R-fLC|8pq)2>gTe~DWM4f<rr~d

literal 0
Hc$@<O00001

diff --git a/public/images/bullet_toggle_plus.png b/public/images/bullet_toggle_plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..b3603d30adcdb812a31a0cd528c7600131a3a64b
GIT binary patch
literal 335
zc%17D@N?(olHy`uVBq!ia0vp^0wB!63?wyl`GbL!UWsc&iE~kEVo7Fxo<c}wZYo1c
zX0D!sp{YVvX=a{+k%57Qf}ydMv9Xn@v4XaNp@Bgcx3(itCwqyfuPgfvHhykp?ccXH
zTmcGk7I;J!Gca%qfiUBxyLEqnf-LEdzCiUG`?>!lvI6-Y0X`wF|NsBrv}sdkXJ>PB
zb6s6sMMXt%aq*lvb7sz*dGO%D($dmJix#a}vu5?`)opEUn>TOn@9*EUXV0Zem-g-3
zw{z#tb?erxSg~T)u3hsEZD#?R$ygHP7tG-B>_!@p<Lv3;7*cU7Ibng2fRNZjaZzD+
z4vwNG26m^0`IFll+k+Vt51i&yvG^&#bSFVnhl7!CgJcW`qnlcqSeRK^mZg+11A}TY
W<L%EqJQIM%F?hQAxvX<aXaWF9#BmA$

literal 0
Hc$@<O00001

diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index dd942c8..d87b3bf 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -97,6 +97,10 @@ tr.entry td.size { text-align: right; font-size: 90%; }
 tr.entry td.revision, tr.entry td.author { text-align: center; }
 tr.entry td.age { text-align: right; }
 
+tr.entry span.expander {background-image: url(../images/bullet_toggle_plus.png); padding-left: 8px; margin-left: 0; cursor: pointer;}
+tr.entry.open span.expander {background-image: url(../images/bullet_toggle_minus.png);}
+tr.entry.file td.filename a { margin-left: 16px; }
+
 tr.changeset td.author { text-align: center; width: 15%; }
 tr.changeset td.committed_on { text-align: center; width: 15%; }