Update contacts manager table look.

src/styles/components/_contactsmanager.scss

@@ -63,10 +63,13 @@
   }
   .editlist {
     max-height: 250px;
-    overflow-y: scroll;
+    overflow-y: auto;
-    padding-right: 0px;
   }
   .table {
+    margin-bottom: 0px;
+    tr:first-child td {
+      border-top: none;
+    }
     .picture {
       width: 15%;
       min-height: 46px;
@@ -75,7 +78,6 @@
     }
     .name {
       width: 70%;
-      padding-left: 5%;
       text-align: left;
       vertical-align: middle;
     }

static/partials/contactsmanager.html

@@ -5,20 +5,22 @@
     </div>
   </div>
   <div class="row" ng-if="contacts.length > 0">
-    <div class="col-xs-12 editlist">
+    <div class="col-xs-12">
-      <table class="table table-bordered table-hover table-condensed">
+      <div class="editlist nicescroll">
-        <tbody>
+        <table class="table table-hover table-condensed">
-          <tr ng-repeat="contact in contacts">
+          <tbody>
-            <td class="picture">
+            <tr ng-repeat="contact in contacts">
-              <img ng-show="contact.Status.buddyPicture" ng-src="{{contact.Status.buddyPicture}}">
+              <td class="picture">
-              <div ng-show="!contact.Status.buddyPicture" class="buddyPicture"></div>
+                <img ng-show="contact.Status.buddyPicture" ng-src="{{contact.Status.buddyPicture}}">
-            </td>
+                <div ng-show="!contact.Status.buddyPicture" class="buddyPicture"></div>
-            <td class="name">
+              </td>
-              <span>{{contact.Status.displayName}}</span>
+              <td class="name">
-            </td>
+                <span>{{contact.Status.displayName}}</span>
-          </tr>
+              </td>
-        </tbody>
+            </tr>
-      </table>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
 </div>