Fix chatbox width bug.

converse.css

@@ -151,6 +151,7 @@ ul.participant-list li.moderator {
     font-size: 13px;
     color: rgb(79, 79, 79);
     height:193px;
+    width: 199px;
     overflow-y:auto;
     border: 0;
     background-color: #ffffff;

mockup.html

@@ -208,6 +208,10 @@
                 <span class="chat-message-them">15:45 Benedict-John:&nbsp;</span>
                 <span class="chat-message-content">Dagsê</span>
             </div>
+            <div class="chat-message">
+                <span class="chat-message-me">19:39 me:&nbsp;</span>
+                <span class="chat-message-content">This is a relatively long message to check that wrapping works as expected.</span>
+            </div>
         </div>
         <form class="sendXMPPMessage" action="" method="post">
             <textarea type="text" class="chat-textarea" placeholder="Personal message"></textarea>