From 654e4d2a968aef9ca146859b670b096b4abc1eeb Mon Sep 17 00:00:00 2001
From: Tallys Martins <tallysmartins@gmail.com>
Date: Sun, 19 Jun 2016 01:02:34 -0300
Subject: [PATCH] Enhancements on communities block style

---
 src/app/layout/blocks/communities/communities-block.html | 11 ++++++-----
 src/app/layout/blocks/communities/communities-block.scss | 17 +++++++++++------
 src/app/profile/image/image.html                         |  4 ++--
 3 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/app/layout/blocks/communities/communities-block.html b/src/app/layout/blocks/communities/communities-block.html
index 4c4f5ee..4ddb907 100644
--- a/src/app/layout/blocks/communities/communities-block.html
+++ b/src/app/layout/blocks/communities/communities-block.html
@@ -1,5 +1,6 @@
-<div class="communities-block">
-  <a ng-repeat="profile in ctrl.profiles" ui-sref="main.profile.home({profile: profile.identifier})" class="profile">
-    <noosfero-profile-image [profile]="profile"></noosfero-profile-image>
-  </a>
-</div>
+  <div ng-repeat="profile in ctrl.profiles" class="col-xs-2 col-md-4 block-item"> 
+    <a ui-sref="main.profile.home({profile: profile.identifier})">
+      <noosfero-profile-image [profile]="profile"></noosfero-profile-image>
+    </a>
+    <p>{{profile.name}}</p>
+  </div>
diff --git a/src/app/layout/blocks/communities/communities-block.scss b/src/app/layout/blocks/communities/communities-block.scss
index 7b27995..1b811fa 100644
--- a/src/app/layout/blocks/communities/communities-block.scss
+++ b/src/app/layout/blocks/communities/communities-block.scss
@@ -1,16 +1,21 @@
-.communities-block {
-  .profile {
+.communitiesblock {
+  .panel-body {
+    text-align: center;
     margin: 10px;
-    img, i.profile-image {
-      width: 60px;
-    }
     img {
       display: inline-block;
       vertical-align: top;
     }
     i.profile-image {
         text-align: center;
-        font-size: 4.5em;
+        font-size: 7rem;
+    }
+    p {
+      overflow: hidden;
+      font-size: 1rem;
+    }
+    .block-item {
+      padding: 0px;
     }
   }
 }
diff --git a/src/app/profile/image/image.html b/src/app/profile/image/image.html
index 29c9fec..9bf6c30 100644
--- a/src/app/profile/image/image.html
+++ b/src/app/profile/image/image.html
@@ -1,4 +1,4 @@
 <span class="profile-image-wrap" title="{{ctrl.profile.name}}">
-  <img ng-if="ctrl.profile.image" ng-src="{{ctrl.profile.image.url}}" class="img-responsive profile-image">
-  <i ng-if="!ctrl.profile.image" class="fa {{ctrl.defaultIcon}} fa-5x profile-image"></i>
+  <img ng-if="ctrl.profile.image" ng-src="{{ctrl.profile.image.url}}" class="img-responsive profile-image img-avatar">
+  <i ng-if="!ctrl.profile.image" class="fa {{ctrl.defaultIcon}} fa-5x profile-image img-avatar"></i>
 </span>
--
libgit2 0.21.2