theming chat a little

1 files changed, 4 insertions, 3 deletions

diff --git a/view/tpl/chat.tpl b/view/tpl/chat.tpl
index 7073a0a52..51aeb836e 100644
--- a/view/tpl/chat.tpl
+++ b/view/tpl/chat.tpl
@@ -1,5 +1,5 @@
 <h1>{{$room_name}}</h1>
-<div id="chatContainer"">
+<div id="chatContainer">
 
     <div id="chatTopBar">
     	<div id="chatLineHolder"></div>
@@ -64,7 +64,7 @@ function update_inroom(inroom) {
 	$.each( inroom, function(index, item) {
 		var newNode = document.createElement('div');
 		$(newNode).html('<img style="height: 32px; width: 32px;" src="' + item.img + '" alt="' + item.name + '" /> ' + item.status + '<br />' + item.name + '<br/>');
-		html.appendChild(newNode); 		
+		html.appendChild(newNode);
 	});
 	$('#chatUsers').html(html);	
 }
@@ -75,7 +75,8 @@ function update_chats(chats) {
 	$.each( chats, function(index, item) {
 		last_chat = item.id;
 		var newNode = document.createElement('div');
-		$(newNode).html('<div style="margin-bottom: 5px; clear: both;"><img style="height: 32px; width: 32px; float: left;" src="' + item.img + '" alt="' + item.name + '" /><div class="chat-body" style="float: left; width: 80%; margin-left: 15px; font-size: 14px;">' + item.name + ' <span class="autotime" title="' + item.isotime + '">' + item.localtime + '</span><br />' + item.text + '</div></div>');
+		newNode.setAttribute('class', 'chat-item');
+		$(newNode).html('<img class="chat-item-photo" src="' + item.img + '" alt="' + item.name + '" /><div class="chat-body"><span class="chat-item-name">' + item.name + ' </span><span class="autotime chat-item-time" title="' + item.isotime + '">' + item.localtime + '</span><br /><span class="chat-item-text">' + item.text + '</span></div><div class="chat-item-end"></div>');
 		$('#chatLineHolder').append(newNode);
 		$(".autotime").timeago();