From f4011efbe7b9a0644e4c67d06c1461eb3a34719e Mon Sep 17 00:00:00 2001
From: Evan Theurer <theurer@struktur.de>
Date: Tue, 8 Jul 2014 14:36:11 +0200
Subject: [PATCH] Update contacts manager table look.

---
 src/styles/components/_contactsmanager.scss |  8 +++---
 static/partials/contactsmanager.html        | 30 +++++++++++----------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/styles/components/_contactsmanager.scss b/src/styles/components/_contactsmanager.scss
index 1ca8dc3a..164e39b3 100644
--- a/src/styles/components/_contactsmanager.scss
+++ b/src/styles/components/_contactsmanager.scss
@@ -63,10 +63,13 @@
   }
   .editlist {
     max-height: 250px;
-    overflow-y: scroll;
-    padding-right: 0px;
+    overflow-y: auto;
   }
   .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;
     }
diff --git a/static/partials/contactsmanager.html b/static/partials/contactsmanager.html
index 1c36d252..c3b7ec56 100644
--- a/static/partials/contactsmanager.html
+++ b/static/partials/contactsmanager.html
@@ -5,20 +5,22 @@
     </div>
   </div>
   <div class="row" ng-if="contacts.length > 0">
-    <div class="col-xs-12 editlist">
-      <table class="table table-bordered table-hover table-condensed">
-        <tbody>
-          <tr ng-repeat="contact in contacts">
-            <td class="picture">
-              <img ng-show="contact.Status.buddyPicture" ng-src="{{contact.Status.buddyPicture}}">
-              <div ng-show="!contact.Status.buddyPicture" class="buddyPicture"></div>
-            </td>
-            <td class="name">
-              <span>{{contact.Status.displayName}}</span>
-            </td>
-          </tr>
-        </tbody>
-      </table>
+    <div class="col-xs-12">
+      <div class="editlist nicescroll">
+        <table class="table table-hover table-condensed">
+          <tbody>
+            <tr ng-repeat="contact in contacts">
+              <td class="picture">
+                <img ng-show="contact.Status.buddyPicture" ng-src="{{contact.Status.buddyPicture}}">
+                <div ng-show="!contact.Status.buddyPicture" class="buddyPicture"></div>
+              </td>
+              <td class="name">
+                <span>{{contact.Status.displayName}}</span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
     </div>
   </div>
 </div>