make test results look better

public/css/main.less

@@ -2,8 +2,9 @@
 @import "lib/bootstrap-social/bootstrap-social";
 @import "lib/ionicons/ionicons";
 @import "lib/animate.min.less";
+@import "lib/bootstrap/variables";
 
-@import url(http://fonts.googleapis.com/css?family=Lato:300);
+//fonts.googleapis.com/css?family=Lato:300);
 @import url(http://fonts.googleapis.com/css?family=Lato:400);
 @import url(http://fonts.googleapis.com/css?family=Inconsolata);
 
@@ -545,6 +546,21 @@ form.code span {
   height: auto;
 }
 
+.big-error-icon {
+  font-size: 32px;
+  color: @brand-danger;
+}
+
+.big-success-icon {
+  font-size: 32px;
+  color: @brand-primary;
+}
+
+.test-output {
+  font-size: 14px;
+  font-family: "Ubuntu Mono";
+}
+
 #mainEditorPanel .panel-body {
   padding-bottom: 0px;
 }
@@ -579,6 +595,10 @@ div.CodeMirror-scroll {
   margin-bottom: 5px;
 }
 
+.test-vertical-center {
+  margin: 8px;
+}
+
 //uncomment this to see the dimensions of all elements outlined in red
 //* {
 //  border-color: red;

public/js/lib/bonfire/bonfireFramework.js

@@ -176,19 +176,13 @@ var createTestDisplay = function() {
     for (var i = 0; i < userTests.length;i++) {
         var test = userTests[i];
         var testDoc = document.createElement("li");
-        $(testDoc)
-            //.addClass('list-group-item')
-            //.addClass('well img-rounded')
-            //.addClass('well-sm')
         if (test.err != null) {
             $(testDoc)
-                .html(test.text + "\n" + test.err)
+                .html("<i class='ion-close-circled big-error-icon col-xs-2'></i>" + test.text + "\n" + test.err).addClass('test-output col-xs-10')
-                .css("text-color", 'rgba(255,0,0,.2)')
+                .prependTo($('#testSuite'))
-                .prependTo($('#testSuite'));
         } else {
             $(testDoc)
-                .html(test.text)
+                .html("<i class='ion-checkmark-circled big-success-icon col-xs-2'></i><div class='test-vertical-center'>" + test.text + "</div>").addClass('test-output col-xs-10')
-                .css('text-color', 'rgba(0,255,0,.2)')
                 .appendTo($('#testSuite'));
         }
     };
@@ -208,7 +202,7 @@ var runTests = function(err, data) {
     pushed = false;
     $('#testSuite').children().remove();
     if (err && userTests.length > 0) {
-        userTests= [{text:"Program Execution Failure", err: "NouserTestswere run."}];
+        userTests= [{text:"Program Execution Failure", err: "No user tests were run."}];
         createTestDisplay();
     } else if (userTests) {