Switch to side-by-side view

--- a/ForgeTracker/forgetracker/templates/index.html
+++ b/ForgeTracker/forgetracker/templates/index.html
@@ -17,52 +17,58 @@
   </head>
 
   <body>
-        <h1 class="title">ForgeTracker for $c.project.shortname</h1>
-        <div class="clear">&nbsp;</div>
-        <py:if test="not len(tickets)">No open tickets.</py:if>
-        <py:if test="count > 500">Too many results.  Showing the first 500 open tickets.</py:if>
-        <table py:if="len(tickets)" id="ticket-list">
-          <thead>
-            <tr>
-              <th>#</th>
-	            <th>Status</th>
-	            <th>Assigned</th>
-  	          <th>Summary</th>
-              <th py:for="field in sortable_custom_fields">${field.label}</th>
-            </tr>
-          </thead>
-          <tbody class="ticket-list">
-            <tr py:for="t in tickets">
-              <td><a href="${t.ticket_num}/">${t.ticket_num}</a></td>
-	            <td class="$t.status">$t.status</td>
-	          <td py:if="t.assigned_to_id"><a href="${t.assigned_to.url()}">${t.assigned_to.display_name}</a></td>
-	          <td py:if="not t.assigned_to_id"></td>
-	            <td>$t.summary</td>
-              <td py:for="field in sortable_custom_fields">${t.custom_fields.get(field.name)}</td>
-            </tr>
-          </tbody>
-        </table>
-        <h2 py:if="len(changes)">Recent Changes</h2>
-        <table py:if="len(changes)">
-          <thead>
-            <tr>
-              <th>Time</th>
-              <th>Type</th>
-              <th>Ticket</th>
-              <th>Summary</th>
-            </tr>
-          </thead>
-          <tbody class="change-list">
-            <tr py:for="change in changes">
-              <td>${h.ago(change.change_date)}</td>
-              <td>$change.change_type</td>
-              <td><a href="$change.ticket_num">#${change.ticket_num}</a></td>
-              <td py:if="len(change.change_text) &gt; 70">${change.change_text[0:70]}...</td>
-              <td py:if="len(change.change_text) &lt;= 70">$change.change_text</td>
-            </tr>
-          </tbody>
-        </table>
-        ${c.subscribe_form.display(value=subscribed, action='subscribe', style='icon')}
+    <h1 class="title">ForgeTracker for $c.project.shortname</h1>
+    <div class="content">
+      <div class="row">
+        <div class="column grid_12">
+          <div class="clear">&nbsp;</div>
+          <py:if test="not len(tickets)">No open tickets.</py:if>
+          <py:if test="count > 500">Too many results.  Showing the first 500 open tickets.</py:if>
+          <table py:if="len(tickets)" id="ticket-list">
+            <thead>
+              <tr>
+                <th>#</th>
+  	            <th>Status</th>
+  	            <th>Assigned</th>
+    	          <th>Summary</th>
+                <th py:for="field in sortable_custom_fields">${field.label}</th>
+              </tr>
+            </thead>
+            <tbody class="ticket-list">
+              <tr py:for="t in tickets">
+                <td><a href="${t.ticket_num}/">${t.ticket_num}</a></td>
+  	            <td class="$t.status">$t.status</td>
+  	          <td py:if="t.assigned_to_id"><a href="${t.assigned_to.url()}">${t.assigned_to.display_name}</a></td>
+  	          <td py:if="not t.assigned_to_id"></td>
+  	            <td>$t.summary</td>
+                <td py:for="field in sortable_custom_fields">${t.custom_fields.get(field.name)}</td>
+              </tr>
+            </tbody>
+          </table>
+          <h2 py:if="len(changes)">Recent Changes</h2>
+          <table py:if="len(changes)">
+            <thead>
+              <tr>
+                <th>Time</th>
+                <th>Type</th>
+                <th>Ticket</th>
+                <th>Summary</th>
+              </tr>
+            </thead>
+            <tbody class="change-list">
+              <tr py:for="change in changes">
+                <td>${h.ago(change.change_date)}</td>
+                <td>$change.change_type</td>
+                <td><a href="$change.ticket_num">#${change.ticket_num}</a></td>
+                <td py:if="len(change.change_text) &gt; 70">${change.change_text[0:70]}...</td>
+                <td py:if="len(change.change_text) &lt;= 70">$change.change_text</td>
+              </tr>
+            </tbody>
+          </table>
+          ${c.subscribe_form.display(value=subscribed, action='subscribe', style='icon')}
+        </div>
+      </div>
+    </div>
   </body>
   <script type="text/javascript">
       $('tbody.ticket-list').children(':even').addClass('even');