anchor.diff:        </tr>
       <% end %>
     </table>
  +</div>
   
  -  <table class="table table-striped table-bordered">
  -    <tr>
  -      <th>SQL Statements Chronological Order</th>
  -      <th>Call Stack</th>
  -    </tr>
  -    <% last_sql   = nil %>
  -    <% @event['events'].each do |event| %>
  +<div class="panel panel-default sync-margin" style="margin-bottom: 20em">
  +  <div class="panel-heading">
  +    <h3 id="natural" class="panel-title">Statements in Natural Execute Order</h3>
  +  </div>
  +  <div class="panel-body">
  +    Select a back trace to see the source code in the bottom panel.
  +  </div>
  +    <table class="table table-striped table-bordered">
         <tr>
  -        <td class="td-scroll" id="<%= event['index'] %>">
  -          <% clearfix = nil %>
  -          <% if (dups = event['count'] - 1) > 1 %>
  -            <% clearfix = 'clearfix' %>
  -            <%= ghetto_bar(event['count'], class: 'duplicate pull-right') %>
  -          <% end %>
  -          <div class="<%= clearfix %> text-pre">-- duration: <%= event['duration'].round(1) %>s
  +        <th>SQL</th>
  +        <th>Call Stack</th>
  +      </tr>
  +      <% last_sql   = nil %>
  +      <% @event['events'].each do |event| %>
  +        <tr>
  +          <td class="td-scroll" id="<%= event['index'] %>">
  +            <% clearfix = nil %>
  +            <% if (dups = event['count'] - 1) > 1 %>
  +              <% clearfix = 'clearfix' %>
  +              <%= ghetto_bar(event['count'], class: 'duplicate pull-right') %>
  +            <% end %>
  +            <div class="<%= clearfix %> text-pre">-- duration: <%= event['duration'].round(1) %>s
   <%= SqlProbe::Utils.pretty_sql(event['sql']) -%></div>
  -        </td>
  -        <td class="text-pre td-scroll"><%= caller_links(event['caller']) %></td>
  -      </tr>
  -    <% end %>
  -  </table>
  +          </td>
  +          <td class="text-pre td-scroll"><%= caller_links(event['caller']) %></td>
  +        </tr>
  +      <% end %>
  +    </table>
   </div>
   
   <div id="caller-resizable" class="container">
  
positive.code:   });
    $(window).on('resize', handleResize);
  });
  </script>
  <% end %>
  
negative.code: </div>
  
  <% content_for :javascript do %>
    <script>
  $(document).ready(function() {
  
    // configure editor
  