From cd5e6d331afe580d158bf3d6d5665d81fb337679 Mon Sep 17 00:00:00 2001
From: Anthony Minessale <anthm@freeswitch.org>
Date: Thu, 24 Jul 2014 21:39:03 +0500
Subject: [PATCH] update css

---
 html5/verto/demo/index.html | 91 +++++++++++++++++++------------------
 html5/verto/demo/verto.js   |  2 +-
 2 files changed, 49 insertions(+), 44 deletions(-)

diff --git a/html5/verto/demo/index.html b/html5/verto/demo/index.html
index 7a6e53acea..415def7224 100644
--- a/html5/verto/demo/index.html
+++ b/html5/verto/demo/index.html
@@ -9,54 +9,59 @@
     <title>FreeSWITCH Verto&trade; Demo</title>
 
     <style type="text/css">
-      .pageheader {
-      font-size: 22px;
-      font-weight: normal;
-      height: 27px;
-      }
+									   .pageheader {
+	 font-size: 22px;
+	 font-weight: normal;
+	 height: 27px;
+ }
 
-      .ctlbtn {
-        border: 0px;
-	color: #eeeeee;
-	background-color: #0000ae;
-	font-face: arial;
-        height:18px;
-        font-size:7pt;
-      }     	      
+									   .ctlbtn {
+	 border: 0px;
+	 color: #eeeeee;
+	 background-color: #0000ae;
+	 font-face: arial;
+	 height:18px;
+	 font-size:7pt;
+										}     	      
 
-      .ctlbtn:hover {
-      color: #ffffae;
-      cursor: pointer;
-      }	
+.ctlbtn:hover {
+	 color: #ffffae;
+	 cursor: pointer;
+ }	
 
+#chatwin
+{
+	background-color: #eeeeee;
+	width: 500px;
+	height:150px;
+	max-height:150px;
+	overflow-y: scroll;
+	scrolling: auto;
+	text-align: left;
+	border-style:inset;
+	font-size: 10pt;
+	color: #3333ff;
+}
 
+.chatuid
+{
+	font-size: 7pt;
+	font-weight: bold;
+	color: #ff3333;
+}
 
-
-      #chatwin
-      {
-      background-color: #eeeeee;
-      width: 500px;
-      height:150px;
-      max-height:150px;
-      overflow-y: scroll;
-      scrolling: auto;
-      text-align: left;
-      border-style:inset;
-      font-size: 10pt;
-      }
-
-      .l1
-      {
-      border:1;
-      background-color:#fefefe;
-      height:1px;
-      opacity:0.4;
-      }
-      #chatmsg
-      {
-      width:400px;
-      max-height:40px;
-      }
+.l1
+{
+	border:1;
+	background-color:#fefefe;
+	height:1px;
+	opacity:0.4;
+}
+#chatmsg
+{
+	width:400px;
+	max-height:40px;
+}
 
 
     </style>
diff --git a/html5/verto/demo/verto.js b/html5/verto/demo/verto.js
index 6e05941a0f..0c7a00d824 100644
--- a/html5/verto/demo/verto.js
+++ b/html5/verto/demo/verto.js
@@ -111,7 +111,7 @@ var callbacks = {
 	    var body = data.body.replace(/(http[s]{0,1}:\/\/\S+)/g, "<a target='_blank' href='$1'>$1<\/a>");
 	    body = body.replace(/(?:\r\n|\r|\n)/g, '<br />');
 
-            $("#chatwin").append("<b>" + data.from + "</b>:<br>" + "" + body + "" + "<br>");
+            $("#chatwin").append("<span class=chatuid>" + data.from + ":</span><br>" + body);
 	    $('#chatwin').animate({"scrollTop": $('#chatwin')[0].scrollHeight}, "fast");
 
             break;