assets/css/app.css in lab_bench-0.2.1 vs assets/css/app.css in lab_bench-0.3.0

@@ -1,8 +1,8 @@
 appstatus {
   display: block;
-  height: 5%;
+  height: 40px;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   padding: 2px;
@@ -25,13 +25,13 @@
 }
 
 testruns {
   display: block;
   overflow-y: scroll;
-  height: 60%;
   position: fixed;
-  top: 6%;
+  top: 44px;
+  bottom: 163px;
   left: 0;
   right: 0;
 }
 
 testrun {
@@ -46,17 +46,18 @@
   right: 0;
   padding: 3px;
   padding-left: 25px;
 }
 
-testrunsummary started, testrunsummary currenttest, testrunsummary statitics {
+testrunsummary started, testrunsummary statistics {
   display: block;
 }
 
 /* TODO icons for these */
 testrunsummary.Running {
   background-image: url(/images/spinner.gif);
+  background-color: #EDF;
   background-repeat: no-repeat;
   background-position: 3px 4px;
 }
 
 testrunsummary.Success {
@@ -71,11 +72,11 @@
   display: block;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
-  height: 35%;
+  height: 160px;
   border-top: 3px solid black;
   overflow-y: scroll;
 }
 
 testevent {
@@ -92,6 +93,51 @@
   padding-right: 5px;
 }
 
 testevent.testFault {
   background-color: #FFBBBB;
+}
+
+faults {
+  display: inline-block;
+  width: 45%;
+  top: 0px;
+}
+
+fault {
+  display: block;
+  border: 2px solid red;
+  background-color: red;
+  color: white;
+  padding: 3px;
+  margin: 5px;
+  border-radius: 5px;
+}
+
+fault:hover {
+  cursor: pointer;
+}
+
+fault:hover, fault.selected {
+  border-color: white;
+}
+
+/* pure state - probably should move this to data rather than html */
+fault detail {
+  display: none;
+}
+
+/* displayed backtrace */
+/* TODO nice vertical alignment (with bounding box) with matching test */
+activefaultdetail {
+  display: block;
+  float: right;
+  width: 50%;
+  margin-right: 20px;
+  padding: 7px;
+  white-space: pre-wrap;
+  font-size: 0.9em;
+  font-family: Courier;
+  border: 2px solid white;
+  color: white;
+  background-color: black;
 }
\ No newline at end of file