Improved contact manager styles.

src/styles/components/_contactsmanager.scss

@@ -20,9 +20,6 @@
  */
 
 .contactsmanager {
-  .head {
-    margin-bottom: 10px;
-  }
   .desc {
     font-size: 20px;
     font-weight: normal;
@@ -58,6 +55,9 @@
       border-bottom: 0;
       cursor: auto;
       min-height: 46px;
+      .buddyPicture {
+        margin: 0 0 0 10px;
+      }
     }
     .name {
       width: 70%;
@@ -65,8 +65,9 @@
       vertical-align: middle;
     }
     .action {
-      text-align: center;
+      text-align: right;
       vertical-align: middle;
+      padding-right: 15px;
     }
   }
 }

static/partials/contactsmanager.html

@@ -6,11 +6,11 @@
   </div>
   <div class="row" ng-if="contacts.length > 0">
     <div class="col-xs-12">
-      <div class="editlist nicescroll">
+      <div class="editlist nicescroll row">
         <table class="table table-hover table-condensed">
           <tbody>
             <tr ng-repeat="contact in contacts">
-              <td class="picture buddy">
+              <td class="picture buddy" width="56">
                 <div class="buddyPicture"><i class="fa fa-user"/><img ng-show="contact.Status.buddyPicture" alt ng-src="{{contact.Status.buddyPicture}}"/></div>
               </td>
               <td class="name">

static/partials/contactsmanageredit.html

@@ -4,7 +4,7 @@
     <h3 class="modal-title" ng-bind-html="header"></h3>
   </div>
   <div  class="modal-body">
-    <div class="row  form-horizontal">
+    <div class="row form-horizontal">
         <div class="form-group">
           <label for="contact-name" class="col-xs-4 control-label">{{_('Name')}}</label>
           <div class="col-xs-6">