repair display of errors in gui

dream/platform/static/css/demo-new.css

@@ -364,6 +364,10 @@ border: 1px solid black;
   width:95%;
 }
 
+#error{
+  text-align: left;
+}
+
 .ep {
   position:absolute;
   bottom:37%;

dream/platform/static/index.html

@@ -114,6 +114,8 @@
         </div>
 
       </div>
+      <pre id="error">
+      </pre>
     </div>
 
     <!-- DEP -->

dream/platform/static/src/dream_launcher.js

@@ -190,6 +190,7 @@
             $("#reports").show();
             $("#result_zone").show();
             $('#result_list').empty();
+            $('#error').empty();
             if (data['success']) {
               $("#json_result").val(JSON.stringify(data['success'],
                 undefined, " "));
@@ -204,7 +205,7 @@
               dream_instance.displayResult(0);
             } else {
               $("#reports").hide();
-              $("#json_result").show().effect('shake', 50).val(data['error']);
+              $("#error").text(data["error"]).show().effect('shake', 50);
               console.error(data['error'])
             }
           });