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;
  }
- 
+ .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 {
-}
+.userListSettingIcon {}

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

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