Fixing up UI for long names in uders list

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

@@ -55,6 +55,7 @@
     height:40px;
     width: 80%;
     margin-top:6px;
+    padding:5px;
 }
 .optionsBar{
     padding-top:15px;

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

@@ -11,8 +11,14 @@
 	height:20px; 
 	overflow:hidden;
 	width:90px; 
-	word-wrap:break-word; 
+    word-break:break-all;
+    padding:0px;
  }
 .user-entry tr:nth-child(even) {background-color: rgb(245,245,245);}
 .user-entry tr:hover {font-weight: bold;}
 .userListSettingIcon {}
+
+.userNameContainer{
+    border-right: 1px solid #ccc;
+    padding-right:0px;
+}

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

@@ -18,21 +18,22 @@
 </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><p class="userNameEntry">
-		{{#if isCurrentUser userId}}
-			<strong>{{user.name}} (you)</strong>
-		{{else}}
-			{{user.name}}
-		{{/if}}
-	</p></td>
+    <td class="userNameContainer">
+        <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>