From a5747af1a83a0110f1f381a0ab6d75b2ce4adf0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20Espino?= <jesus.espino@kaleidos.net>
Date: Tue, 19 Aug 2014 15:50:39 +0200
Subject: [PATCH] Fixed bug #720: Change the roles permissions counters

---
 app/coffee/modules/admin/roles.coffee          | 10 +++++-----
 app/styles/modules/common/category-config.scss |  3 ++-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/coffee/modules/admin/roles.coffee b/app/coffee/modules/admin/roles.coffee
index 534a8668..8afcd917 100644
--- a/app/coffee/modules/admin/roles.coffee
+++ b/app/coffee/modules/admin/roles.coffee
@@ -183,12 +183,12 @@ module.directive("tgNewRole", ["$tgRepo", "$tgConfirm", NewRoleDirective])
 RolePermissionsDirective = ($rootscope, $repo, $confirm) ->
     resumeTemplate = _.template("""
     <div class="resume-title"><%- category.name %></div>
-    <div class="count"><%- category.activePermissions %>/<%- category.permissions.length %></div>
     <div class="summary-role">
-    <% _.each(category.permissions, function(permission) { %>
-        <div class="role-summary-single <% if(permission.active) { %>active<% } %>"
-             title="<%- permission.description %>"></div>
-    <% }) %>
+        <div class="count"><%- category.activePermissions %>/<%- category.permissions.length %></div>
+        <% _.each(category.permissions, function(permission) { %>
+            <div class="role-summary-single <% if(permission.active) { %>active<% } %>"
+                 title="<%- permission.description %>"></div>
+        <% }) %>
     </div>
     <div class="icon icon-arrow-bottom"></div>
     """)
diff --git a/app/styles/modules/common/category-config.scss b/app/styles/modules/common/category-config.scss
index 4e1c545c..cd1e831a 100644
--- a/app/styles/modules/common/category-config.scss
+++ b/app/styles/modules/common/category-config.scss
@@ -13,8 +13,9 @@
         @include table-flex-child(1, 280px, 0);
     }
     .count {
-        @include table-flex-child(1, 0, 0);
         color: $gray-light;
+        float: left;
+        padding-right: 5px;
     }
     .summary-role {
         @include table-flex-child(3, 280px, 0);