transformers.erb in cucumber-in-the-yard-1.7.8

- old
+ new

@@ -8,20 +8,22 @@
     <a style="float: right;" href="http://rubular.com/?regex=<%= urlencode item.value %>" target="_blank">Rubular</a>
     <div style="clear: both;"></div>
   </div>
 
   <div class="details">
+    
+    <div class="meta" style="clear: right;">
+      <div class="file"><%= h item.location %></div>
+    </div>
 
+    
     <!-- Comments -->
     <div>
       <%= T('docstring').run(options.dup.merge({:object => item})) %>
     </div>
+    
 
-    <div class="meta" style="clear: right;">
-      <div class="file"><%= h item.location %></div>
-    </div>
-
     <!-- Source Code -->
     <div class="method_details_list">
       <table class="source_code">
         <tr>
           <td>
@@ -33,11 +35,15 @@
         </tr>
       </table>
     </div>
 
     <!-- Matching Step Instances -->
-
+    <% if item.steps.length > 0 %>
+      <div class='showSteps'>
+        [<a href='#' class='toggleSteps' alt="<%= item.steps.length %> steps">Hide <%= item.steps.length %> steps</a>]
+      </div>
+    <% end %>
     <div class="steps">
       <% if item.steps && !item.steps.empty? %>
       <% unique_steps(item.steps).each_with_index do |uniq_step,step_index| %>
       <div class="step <%= (step_index + 1) % 2 == 0 ? 'even' : 'odd' %>">
         <div>
@@ -47,20 +53,21 @@
           <span class="defined">
             <%= link_transformed_step(uniq_step.last.first) %>
           </span>
         </div>
         <% uniq_step.last.each do |step| %>
-          <a class="definition" style="clear: right;" href="<%= url_for step.scenario.feature %>"><%= h step.location %></a>
+        <a class="definition" style="clear: right;" href="<%= url_for step.scenario.feature %>"><%= h step.location %></a>
         <% end %>
         <div style="clear: both;"></div>
       </div>
       <% end %>
       <% else %>
       <div class="undefined">No steps were found to match this <%= @item_type %>.</div>
       <% end%>
     </div>
+    
   </div>
-  
+
   <div style="margin: 30px 20px; border-top: 1px dotted #AAA;"></div>
 
 </div>
 
 <% end %>