From 4dbb81494467e75addbddff3378b9b5a9e7e3d82 Mon Sep 17 00:00:00 2001
From: Dave Pacheco <dap@joyent.com>
Date: Sat, 21 Apr 2012 13:38:58 -0700
Subject: [PATCH] webconsole formatting tweaks

---
 README.md                                     |  5 +-
 examples/webconsole/index.htm                 | 14 ++---
 examples/webconsole/resources/css/console.css | 51 +++++++++++--------
 3 files changed, 38 insertions(+), 32 deletions(-)

diff --git a/README.md b/README.md
index 8e9ec21..f8f5203 100644
--- a/README.md
+++ b/README.md
@@ -247,4 +247,7 @@ having to specify the services each time:
 
 - Cached mode for reading a snapshot from a given file for high-latency links
   and postmortem analysis.
-- Web-based browser that links objects from multiple services
+- Webconsole: turn on/off (and reorder?) individual table columns
+  Webconsole: refactor snapshot parsing to share code for web and server
+- Remove prefixes on library function names
+- Make default path /kang/snapshot
diff --git a/examples/webconsole/index.htm b/examples/webconsole/index.htm
index 013329b..ba26933 100644
--- a/examples/webconsole/index.htm
+++ b/examples/webconsole/index.htm
@@ -24,16 +24,12 @@
 
     <div class="kServiceSummary" id="kServiceSummary">
         <h2>Services</h2>
-        <div class="kBlockLeftThird">
-        	<span class="kAddServiceForm">
-        	    Add service:
-        	    <input type="input" id="kAddServiceService" size="30" />
-        	    <a href="javascript:kFormAddService()">add</a>
-        	</span>
-        </div>
-        <div class="kBlockRightTwoThirds">
+        <span class="kAddServiceForm">
+            Add service:
+            <input type="input" id="kAddServiceService" size="30" />
+            <a href="javascript:kFormAddService()">add</a>
+        </span>
     	<table class="kServiceTable" id="kServiceTable"></table>
-        </div>
     </div>
 
     <div class="kHorizontalSeparator"></div>
diff --git a/examples/webconsole/resources/css/console.css b/examples/webconsole/resources/css/console.css
index 062659c..5dd1ab5 100644
--- a/examples/webconsole/resources/css/console.css
+++ b/examples/webconsole/resources/css/console.css
@@ -72,19 +72,23 @@ tr {
  * content lives.
  */
 .kConsole {
-	position: absolute;
-	left: 5%;
-	top: 4%;
-	min-height: 90%;
-	min-width: 85%;
 	background: #eeeeee;
 	border: 1px #004400 solid;
+
+	position: absolute;
+	margin-left: 10px;
+	margin-right: 10px;
+	min-width: 85%;
+
+	margin-top: 10px;
+	margin-bottom: 10px;
+	min-height: 90%;
+
 	padding-top: 20px;
-	padding-left: 50px;
-	padding-right: 50px;
+	padding-left: 20px;
+	padding-right: 20px;
 	padding-bottom: 20px;
-	margin-bottom: 100px;
-	margin-right: 5%;
+
 	box-shadow: 3px 3px 4px #000;
 }
 
@@ -111,18 +115,19 @@ tr {
 	min-height: 100px;
 }
 
-	table.kServiceTable {
-		width: *;
+	table.kServiceTable th {
+		text-align: left
 	}
-
-		table.kServiceTable th {
-			text-align: left
-		}
 	
-		table.kServiceTable td, table.kServiceTable th {
-			padding-left: 5px;
-			padding-right: 5px;
-		}
+	table.kServiceTable td, table.kServiceTable th {
+		padding-left: 5px;
+		padding-right: 5px;
+		white-space: pre;
+	}
+
+	table.kServiceTable td {
+		font-size: x-small;
+	}
 
 table.kDynamicTable {
 	padding-left: 10px;
@@ -134,11 +139,13 @@ table.kDynamicTable {
 	}
 
 	table.kDynamicTable td, table.kDynamicTable th {
-		padding: 10px;
+		padding-left: 5px;
+		padding-right: 5px;
+		white-space: pre;
 	}
 
-	table.kDynamicTable td, table.kDynamicTable th {
-		white-space: pre;
+	table.kDynamicTable td {
+		font-size: x-small;
 	}