From 9c2e3b8c849d9582f695caf5b550af249c5cdc8f Mon Sep 17 00:00:00 2001
From: Victor Costa <vfcosta@gmail.com>
Date: Thu, 14 Jan 2016 16:49:15 -0300
Subject: [PATCH] Improve layout of members block

---
 src/app/components/noosfero-blocks/members-block/members-block.directive.js |  2 +-
 src/app/components/noosfero-blocks/members-block/members-block.html         |  2 +-
 src/app/components/noosfero-blocks/members-block/members-block.scss         | 16 ++++++++++++++--
 src/app/components/noosfero/profile-image/profile-image.html                |  6 ++++--
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/app/components/noosfero-blocks/members-block/members-block.directive.js b/src/app/components/noosfero-blocks/members-block/members-block.directive.js
index d1348c6..100f848 100644
--- a/src/app/components/noosfero-blocks/members-block/members-block.directive.js
+++ b/src/app/components/noosfero-blocks/members-block/members-block.directive.js
@@ -26,7 +26,7 @@
       var vm = this;
       vm.members = [];
 
-      noosfero.members(noosfero.profiles.one(vm.owner.id)).one().get().then(function(result) {
+      noosfero.members(noosfero.profiles.one(vm.owner.id)).one().get({per_page: 6}).then(function(result) {
         vm.members = result.people;
       });
     }
diff --git a/src/app/components/noosfero-blocks/members-block/members-block.html b/src/app/components/noosfero-blocks/members-block/members-block.html
index 79c1715..c9df538 100644
--- a/src/app/components/noosfero-blocks/members-block/members-block.html
+++ b/src/app/components/noosfero-blocks/members-block/members-block.html
@@ -1,5 +1,5 @@
 <div class="members-block">
-  <a ng-repeat="member in vm.members" ui-sref="main.profile({profile: member.identifier})">
+  <a ng-repeat="member in vm.members" ui-sref="main.profile({profile: member.identifier})" class="member">
     <noosfero-profile-image profile="member"></noosfero-profile-image>
   </a>
 </div>
diff --git a/src/app/components/noosfero-blocks/members-block/members-block.scss b/src/app/components/noosfero-blocks/members-block/members-block.scss
index 1c7e3b5..c5776e0 100644
--- a/src/app/components/noosfero-blocks/members-block/members-block.scss
+++ b/src/app/components/noosfero-blocks/members-block/members-block.scss
@@ -1,5 +1,17 @@
 .members-block {
-  img {
-    width: 60px;
+  .member {
+    img, i.profile-image {
+      width: 60px;
+    }
+    img {
+      display: inline-block;
+      vertical-align: top;
+    }
+    i.profile-image {
+        text-align: center;
+        background-color: #889DB1;
+        color: #F1F1F1;
+        font-size: 4.5em;
+    }
   }
 }
diff --git a/src/app/components/noosfero/profile-image/profile-image.html b/src/app/components/noosfero/profile-image/profile-image.html
index 32cfbf1..5bea666 100644
--- a/src/app/components/noosfero/profile-image/profile-image.html
+++ b/src/app/components/noosfero/profile-image/profile-image.html
@@ -1,2 +1,4 @@
-<img ng-if="vm.profile.image" ng-src="{{vm.profile.image.url}}" class="img-responsive profile-image">
-<i ng-if="!vm.profile.image" class="fa {{vm.defaultIcon}} fa-5x profile-image"></i>
+<span title="{{vm.profile.name}}">
+  <img ng-if="vm.profile.image" ng-src="{{vm.profile.image.url}}" class="img-responsive profile-image">
+  <i ng-if="!vm.profile.image" class="fa {{vm.defaultIcon}} fa-5x profile-image"></i>
+</span>
--
libgit2 0.21.2