Switch to side-by-side view

--- a/ForgeTracker/forgetracker/templates/bin.html
+++ b/ForgeTracker/forgetracker/templates/bin.html
@@ -17,21 +17,24 @@
   </head>
 
   <body>
-    <div class="container">
-      <h1>Welcome to ForgeTrackeer</h1>
-      <h2>Project: $c.project.shortname</h2>
-      <h3>Saved Search Bins</h3>
-      <div class="bin-list">
-        <py:for each="bin in bins">
-          <div class="bin span-20 last">
-            <div class="bin-summary span-4"><a href="${bin.url()}">$bin.summary</a></div>
-            <div class="bin-terms span-14">$bin.terms</div>
-          </div>
-        </py:for>
-      </div>
-      <script type="text/javascript">
-        $('div.bin-list').children(':even').css('background-color', '#eeeeee');
-      </script>
-    </div>
+    <h2>Saved Search Bins</h2>
+    <py:if test="not len(bins)">No saved search bins have been created yet.</py:if>
+    <table py:if="len(bins)">
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>Terms</th>
+        </tr>
+      </thead>
+      <tbody class="bin-list">
+        <tr py:for="bin in bins">
+          <td><a href="${bin.url()}">$bin.summary</a></td>
+          <td>$bin.terms</td>
+        </tr>
+      </tbody>
+    </table>
+    <script type="text/javascript">
+      $('tbody.bin-list').children(':even').addClass('even');
+    </script>
   </body>
 </html>