Fixed alignment of chat messages in Firefox

CHANGES.rst

@@ -6,30 +6,32 @@ Changelog
 
 - CSS tweaks: fixed overflowing text in status message and chatrooms list.
   [jcbrand]
-- Bugfix: Cannot join chatroom when clicking from a list of rooms.
+- Bugfix: Couldn't join chatroom when clicking from a list of rooms.
   [jcbrand]
 - Add better support for kicking or banning users from chatrooms.
   [jcbrand]
+- Fixed alignment of chat messages in Firefox.
+  [jcbrand]
 
 0.3 (2013-05-21)
 ----------------
 
-- Add vCard support 
+- Add vCard support
+  [jcbrand]
+- Remember custom status messages upon reload.
   [jcbrand]
-- Remember custom status messages upon reload. 
-  [jcbrand] 
-- Remove jquery-ui dependency. 
+- Remove jquery-ui dependency.
   [jcbrand]
 - Use backbone.localStorage to store the contacts roster, open chatboxes and
-  chat messages. 
+  chat messages.
   [jcbrand]
-- Fixed user status handling, which wasn't 100% according to the spec. 
+- Fixed user status handling, which wasn't 100% according to the spec.
   [jcbrand]
-- Separate messages according to day in chats. 
+- Separate messages according to day in chats.
   [jcbrand]
 - Add support for specifying the BOSH bind URL as configuration setting.
   [jcbrand]
-- Improve the message counter to only increment when the window is not focused 
+- Improve the message counter to only increment when the window is not focused
   [witekdev]
 - Make fetching of list of chatrooms on a server a configuration option.
   [jcbrand]

converse.css

@@ -174,24 +174,29 @@ ul.participant-list li.moderator {
     color:#666666;
 }
 
+.chat-message-room,
+.chat-message-them,
 .chat-message-me {
     font-weight: bold;
-    color: #436976;
-}
-
-.chat-message-room {
-    font-weight: bold;
-    color: #4B7003;
-}
-
-.chat-message-them {
-    font-weight: bold;
-    color: #F62817;
     white-space: nowrap;
     max-width: 100px;
     text-overflow: ellipsis;
     overflow: hidden;
     display: inline-block;
+    float: left;
+    padding-right: 3px;
+}
+
+.chat-message-them {
+    color: #F62817;
+}
+
+.chat-message-me {
+    color: #436976;
+}
+
+.chat-message-room {
+    color: #4B7003;
 }
 
 .chat-event, .chat-date, .chat-info {
@@ -263,7 +268,7 @@ div.chat-title {
 .chat-head-chatbox,
 .chat-head-chatroom {
     background: linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
-    height: 33px;
+    height: 35px;
     position: relative;
 }