webconsole style enhancements

TritonDataCenter · Apr 20, 2012 · faed8d7 · faed8d7
1 parent 0163f52
commit faed8d7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/examples/webconsole/resources/css/console.css b/examples/webconsole/resources/css/console.css
@@ -74,16 +74,17 @@ tr {
 .kConsole {
 	position: absolute;
 	left: 5%;
-	right: 5%;
 	top: 4%;
 	min-height: 90%;
+	min-width: 85%;
 	background: #eeeeee;
 	border: 1px #004400 solid;
 	padding-top: 20px;
 	padding-left: 50px;
 	padding-right: 50px;
 	padding-bottom: 20px;
 	margin-bottom: 100px;
+	margin-right: 5%;
 	box-shadow: 3px 3px 4px #000;
 }
 
@@ -120,6 +121,19 @@ table.kDynamicTable {
 	padding-right: 10px;
 }
 
+	table.kDynamicTable th {
+		text-align: left;
+	}
+
+	table.kDynamicTable td, table.kDynamicTable th {
+		padding: 10px;
+	}
+
+	table.kDynamicTable td, table.kDynamicTable th {
+		white-space: pre;
+	}
+
+
 /*
  * Raw snapshot dump (primarily for debugging)
  */

diff --git a/examples/webconsole/resources/js/console.js b/examples/webconsole/resources/js/console.js
@@ -117,7 +117,9 @@ function kRedrawDynamic()
 				snapshot[key][objkey].forEach(function (entry) {
 					var row = [];
 					fields.forEach(function (field) {
-						row.push(entry[field] || '');
+						row.push(JSON.stringify(
+						    entry[field], null, 4) ||
+						    '');
 					});
 					rows.push(row);
 				});