closes #397

public/src/modules/chat.js

@@ -85,9 +85,17 @@ define(['taskbar'], function(taskbar) {
 		return chatModal;
 	}
 
+	function center(chatModal) {
+		chatModal.css("position","absolute");
+		chatModal.css("top", Math.max(0, (($(window).height() - $(chatModal).outerHeight()) / 2) + $(window).scrollTop()) + "px");
+		chatModal.css("left", Math.max(0, (($(window).width() - $(chatModal).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
+		return chatModal;
+	}
+
 	module.load = function(uuid) {
 		var chatModal = $('div[UUID="'+uuid+'"]');
 		chatModal.show();
+		center(chatModal);
 		module.bringModalToTop(chatModal);
 		checkOnlineStatus(chatModal);
 	}

public/templates/footer.tpl

@@ -2,7 +2,7 @@
 
 	</div><!--END container -->
 
-	<div id="chat-modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Chat" aria-hidden="true">
+	<div id="chat-modal" class="modal chat-modal" tabindex="-1" role="dialog" aria-labelledby="Chat" aria-hidden="true" data-backdrop="none">
 		<div class="modal-dialog">
 			<div class="modal-content">
 				<div class="modal-header">

public/themes/vanilla/style.less

@@ -74,6 +74,11 @@ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
 	resize:none;
 }
 
+.chat-modal {
+	width: 600px;
+	height: 550px;
+}
+
 #content{
 	padding-bottom:20px;
 }