various padding color and margin changes to improve chat styling

- changed background color of icon area
- added forced focus call on candy ID to prevent page from moving past top of chat
- increased size of text field
- added margin to right of message pane because text was sometimes hidden on long posts when a scrollbar was present

lms/djangoapps/jabber/static/candy_res/candy_custom.css

@@ -22,6 +22,11 @@
 #chat-rooms .message-pane-wrapper {
     background-color: #fbfbf9;
 }
+
+#chat-rooms .message-pane {
+    margin-right: 10px;
+}
+
 #chat-rooms .roster-pane .user {
     background-color: #e9e6df;
     border: 1px solid #c4bfab;
@@ -41,18 +46,22 @@
 }
 
 #chat-rooms .message-form-wrapper,
-#chat-rooms .message-form,
-#chat-rooms .message-form input {
+#chat-rooms form.message-form {
     background-color: #e9e6df;
 }
 
+#chat-rooms form.message-form input.field {
+    background-color: transparent;
+    width: 850px;
+}
+
 #chat-rooms .message-form input.submit {
     background-color: #3f3c30;
     color: #fbfbf9;
 }
 
 #chat-toolbar {
-    background-color: #c4bfab;
+    background-color: #e9e6df;
 }
 #chat-toolbar .usercount span {
     background-color: #3f3c30;

lms/djangoapps/jabber/templates/chat.html

@@ -30,6 +30,8 @@
 	$('#chat-toolbar #chat-sound-control').remove();
 
         Candy.Core.connect("${username}", "${password}");
+	
+	$("#candy").focus();
       });
     </script>
 	</body>