From c4e0d83210092a0c38d494c5e97c26426064b9e3 Mon Sep 17 00:00:00 2001
From: Evan Theurer <theurer@struktur.de>
Date: Mon, 4 Aug 2014 14:21:27 +0200
Subject: [PATCH] Use same html syntax for buddyPicture.

---
 src/styles/components/_contactsmanager.scss | 20 +-------------------
 static/partials/contactsmanager.html        |  7 ++++---
 2 files changed, 5 insertions(+), 22 deletions(-)

diff --git a/src/styles/components/_contactsmanager.scss b/src/styles/components/_contactsmanager.scss
index 164e39b3..a0d12520 100644
--- a/src/styles/components/_contactsmanager.scss
+++ b/src/styles/components/_contactsmanager.scss
@@ -45,22 +45,6 @@
   .uploadbtn {
     margin-top: 7px;
   }
-  .buddyPicture {
-    position: relative;
-    width: 46px;
-    height: 46px;
-    background: $actioncolor1;
-    border-radius: 2px;
-    margin: 0 auto;
-    &:after {
-        content: "\f007";
-        color: $actioncolor2;
-        font-family: fontAwesome;
-        font-size: 3em;
-        position: relative;
-        top: -6px;
-    }
-  }
   .editlist {
     max-height: 250px;
     overflow-y: auto;
@@ -71,10 +55,8 @@
       border-top: none;
     }
     .picture {
-      width: 15%;
+      border-bottom: 0;
       min-height: 46px;
-      text-align: center;
-      vertical-align: middle;
     }
     .name {
       width: 70%;
diff --git a/static/partials/contactsmanager.html b/static/partials/contactsmanager.html
index c48630d3..6467c04c 100644
--- a/static/partials/contactsmanager.html
+++ b/static/partials/contactsmanager.html
@@ -10,9 +10,10 @@
         <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 class="picture buddy">
+                <div class="buddyPicture"><i class="fa fa-user"/><img ng-show="contact.Status.buddyPicture" alt ng-src="{{contact.Status.buddyPicture}}"/></div>
+                <!-- <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>