improved design

public/stylesheets/style.css

@@ -3,7 +3,13 @@ body {
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
   color: hsl(120,50%,60%);
   background: hsl(270,20%,20%);
+  line-height: 140%;
+  font-size: 110%;
 }
+.even { background: hsl(270,20%,25%); }
+.test-links {width: 600px; }
+.status { width: 120px; }
+.date { width: 120px; }
 .success {
  color: hsl(120,70%,50%); 
 }

views/result.jade

@@ -18,19 +18,21 @@ ul
       = state.commit
   li
     = time
+
+  ol
 - state.tests.forEach(function (test){
-  h3(class= test.status)= test.status+': '+(test.name || test.filename)
-  - if ('success' != test.status)
-  - (test.failures || test.errors).forEach(function (err){
-  pre= '' + (err ? (err.stack || err) : err)
+    li(class= test.status)= test.status+': '+(test.name || test.filename)
+    - if ('success' != test.status){
+    - (test.failures || test.errors).forEach(function (err){
+    pre= '' + (err ? (err.stack || err) : err)
+    - })}
+    ul
+      - test.tests.forEach(function (test){
+        li
+          div(class= test.status)= test.status+': '+test.name
+          - if ('success' != test.status)
+          - test.failures.forEach(function (err){
+          pre= '' + (err ? (err.stack || err) : err)
+          - })
+      - })
   - })
-  ol
-    - test.tests.forEach(function (test){
-      li
-        div(class= test.status)= test.status+': '+test.name
-        - if ('success' != test.status)
-        - test.failures.forEach(function (err){
-        pre= '' + (err ? (err.stack || err) : err)
-        - })
-    - })
-- })

views/user.jade

@@ -1,17 +1,26 @@
-- rows.forEach(function (e){
-  span(class= 'date')= new Date(e.value.time)
-  h3
-    - var sofar = []
-    - ;[e.key[0],e.key[1],e.value.commit].forEach(function (e){
-      - sofar.push(e)
-      span /
-      a(href='/' + sofar.join('/'))=e
-    - })
-    h2(class= e.value.status)
-      = e.value.status
-      span   (
-        = e.value.passes
-        span /
-        = e.value.total
-        )
-- })
+TABLE
+  tr(class= 'header')
+    td user
+    td project
+    td commit
+    td status
+    td when?
+  - rows.forEach(function (e,k){
+  - var i = 0
+    tr(class= 'test-commit ' + ((k % 2) ? 'odd' : 'even'))
+      //td(class= 'test-links')
+      - var sofar = []
+      - ;[e.key[0],e.key[1],e.value.commit].forEach(function (e){
+        - sofar.push(e)
+        td
+          a(href='/' + sofar.join('/'))=e
+      - })
+      td(class= e.value.status + ' status')
+        = e.value.status
+        span   (
+          = e.value.passes
+          span /
+          = e.value.total
+          )
+      td(class= 'date')= new Date(e.value.time)
+  - })