--- a/talosnames/templates/index.html	Mon Aug 13 22:40:45 2012 -0700
+++ b/talosnames/templates/index.html	Tue Aug 14 20:25:57 2012 -0700
@@ -14,6 +14,10 @@
 border: 1px solid black;
 }
 
+table {
+border-collapse: collapse;
+}
+
 dt {
 font-style: italic;
 font-weight: 550;
@@ -48,12 +52,39 @@
 }
 
 .disabled {
-background-color: #AAA;
+background-color: #BBB;
+}
+
+.talosconfig {
+width: 100%;
+}
+
+#navigation {
+list-style-type: none;
+clear: right;
+}
+
+#navigation li {
+float: left;
+padding: 0.4em;
+}
+
+td.paint, td.chrome, td.tbpl {
+text-align: center;
+}
+
+table.talosconfig td {
+width: 50%;
+}
+
+.thfake {
+width: 49.5%;
+border: thin solid black;
+float: left;
 }
 
 </style>
 <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
-
 <script>
 // In order to get anything working with Config.js
 // We have to stub a bunch of stuff for no reason
@@ -108,9 +139,9 @@
 
 <ul id="navigation">
   <li><a href="/tbpl">TBPL view</a></li>
-  <li>Show <a href="/?show=active">active</a></li>
-  <li>Show <a href="/?show=disabled">disabled</a></li>
-  <li>Show <a href="/">all</a></li>
+  <li>Show: <a href="/?show=active">active</a></li>
+  <li><a href="/?show=disabled">disabled</a></li>
+  <li><a href="/">all</a></li>
 </ul>
 
 <table id="data">
@@ -121,7 +152,7 @@
   <th class="tbpl">TBPL Name</th>
   <th class="paint">Paint</th>
   <th class="chrome">Chrome</th>
-  <th class="tests">Talos Tests</th>
+  <th class="tests"><div class="thfake">Talos Config</div><div class="thfake">Graphserver Names</div></th>
 </tr>
 {{for suite in suites}}
 {{if enabled[suite]}}
@@ -142,11 +173,7 @@
   <td class="chrome">{{if suite in chrome}}<span title="Chrome">{{chrome[suite]}}</span>{{endif}}</td>
   <td class="tests">
     {{if tests.get(suite)}}
-    <table>
-      <tr>
-        <th>Talos Config</th>
-        <th>Graphserver Name</th>
-      </tr>
+    <table class="talosconfig">
 
       {{for test in sorted(tests[suite].keys())}}
       <tr>