diff --git a/demos.json b/demos.json
index 733447e..9582086 100644
--- a/demos.json
+++ b/demos.json
@@ -1,4 +1,12 @@
 [
+  {
+    "desc": "Simple chat client",
+    "url": "web-socket",
+    "tags": "websocket",
+    "support": {
+      "live": "safari chrome"
+    }
+  },
   {
     "desc": "Two videos playing in sync",
     "url": "two-videos",
diff --git a/demos/web-socket.html b/demos/web-socket.html
index 3b15d55..1b3aa96 100644
--- a/demos/web-socket.html
+++ b/demos/web-socket.html
@@ -4,16 +4,17 @@
 .them { font-weight: bold; }
 .them:before { content: 'them '; color: #bbb; font-size: 14px; }
 .you { font-style: italic; }
-.you:before { content: 'you '; color: #bbb; font-size: 14px;}
+.you:before { content: 'you '; color: #bbb; font-size: 14px; font-weight: bold; }
 #log {
   overflow: auto;
   max-height: 300px;
   list-style: none;
-  padding-left: 10px;
+  padding: 0;
+/*  margin: 0;*/
 }
 #log li {
-  border-bottom: 1px solid #ccc;
-  margin-bottom: 0;
+  border-top: 1px solid #ccc;
+  margin: 0;
   padding: 10px 0;
 }
 </style>