formatted

Author: pmeisen

sample/index.html

@@ -49,6 +49,24 @@
             color: white;
         }
 
+        pre {
+            display: block;
+            color: #393318;
+            margin-bottom: 2px;
+            padding: 5px;
+            width: auto;
+            font-size: 13px;
+            background-color: #c9dcef;
+        }
+
+        code {
+            font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;
+            background-color: #c9dcef;
+            font-size: 13px;
+            color: #393318;
+            line-height: 1.3;
+        }
+
         .info {
             position: absolute;
             max-width: 600px;
@@ -299,7 +317,7 @@ <h1>Current Configuration</h1>
     }
 
     var temporalData = function () {
-        Breinify.temporalData({}, null, function(data) {
+        Breinify.temporalData({}, null, function (data) {
 
             var $template = $('#temporal-data-template');
 
@@ -312,7 +330,9 @@ <h1>Current Configuration</h1>
                             .show();
 
                     $row.children("td:nth-child(1)").text(property);
-                    $row.children("td:nth-child(2)").text(JSON.stringify(data[property]));
+                    $row.children("td:nth-child(2)").html("<pre><code>" +
+                            JSON.stringify(data[property], null, 2)
+                            + "</code></pre>");
                 }
             }
         });