Fixed some UI overflowing issues

labs/meteor-client/client/stylesheets/chat.less

@@ -12,14 +12,13 @@
     width: 25%;
 }
 .chat li{
-    word-wrap:break-word;
     border-bottom: 1px dotted #B3A9A9;
     margin: 0px;
     padding-bottom: 5px;
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 5px;
-
+    word-wrap:break-word;
 }
 .chat li:nth-child(even) {
     background-color: rgb(245,245,245);

labs/meteor-client/client/stylesheets/users.less

@@ -3,14 +3,15 @@
 	padding-bottom: 10px;
 	width: 12%;
  }
- 
 #user-contents {
 	padding-bottom: 10px;
  }
- 
-.user-entry tr:nth-child(even) {background-color: rgb(245,245,245);}
- 
-.user-entry tr:hover {font-weight: bold;}
- 
-.userListSettingIcon {
+ .userNameEntry{
+	height:20px; 
+	overflow:hidden;
+	width:90px; 
+	word-wrap:break-word; 
  }
+.user-entry tr:nth-child(even) {background-color: rgb(245,245,245);}
+.user-entry tr:hover {font-weight: bold;}
+.userListSettingIcon {}

labs/meteor-client/client/views/users/user_item.html

@@ -22,13 +22,13 @@
 </template>
 
 <template name="usernameEntry"> <!-- A template now because more information be added/styled -->
-  <td><span>
+	<td><p class="userNameEntry">
 		{{#if isCurrentUser userId}}
 			<strong>{{user.name}} (you)</strong>
 		{{else}}
 			{{user.name}}
 		{{/if}}
-  </span></td>
+	</p></td>
 </template>
 
 <template name="userItem">