From 6d879085c5a2f5e2067c957068321cbdbcaecd5d Mon Sep 17 00:00:00 2001
From: Juanfran <juanfran.alcantara@kaleidos.net>
Date: Wed, 3 Jun 2015 07:57:32 +0200
Subject: [PATCH] fix admin new role button

---
 .../includes/modules/admin-submenu-roles.jade |  3 +-
 app/styles/modules/admin/admin-submenu.scss   | 44 ++++++++++---------
 2 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/app/partials/includes/modules/admin-submenu-roles.jade b/app/partials/includes/modules/admin-submenu-roles.jade
index 8ecce050..77e5e0a9 100644
--- a/app/partials/includes/modules/admin-submenu-roles.jade
+++ b/app/partials/includes/modules/admin-submenu-roles.jade
@@ -6,6 +6,5 @@ section.admin-submenu.admin-submenu-roles
                   span.single-role {{ item.name }}
 
         div(tg-new-role)
-            a.button-gray.add-button(href="", title="{{'ADMIN.SUBMENU_ROLES.TITLE_ACTION_NEW_ROLE' | translate}}")
-                span.text(translate="ADMIN.SUBMENU_ROLES.ACTION_NEW_ROLE")
+            a.button-gray.add-button(href="", title="{{'ADMIN.SUBMENU_ROLES.TITLE_ACTION_NEW_ROLE' | translate}}", translate="ADMIN.SUBMENU_ROLES.ACTION_NEW_ROLE")
             input(type="text", class="hidden new")
diff --git a/app/styles/modules/admin/admin-submenu.scss b/app/styles/modules/admin/admin-submenu.scss
index d8710a55..5a66bf60 100644
--- a/app/styles/modules/admin/admin-submenu.scss
+++ b/app/styles/modules/admin/admin-submenu.scss
@@ -8,27 +8,29 @@
             border-bottom: 0;
         }
     }
-    a {
-        color: $white;
-        display: flex;
-        justify-content: space-between;
-        padding: 1rem 0 1rem 1rem;
-        &:hover {
-            background: lighten($dark-taiga, 3%);
+    ul {
+        a {
             color: $white;
-            transition: all .2s;
-        }
-        &.active {
-            background: lighten($dark-taiga, 10%);
-            color: $white;
-            transition: all .2s;
-        }
-        span {
-            display: block;
-            max-width: 85%;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
+            display: flex;
+            justify-content: space-between;
+            padding: 1rem 0 1rem 1rem;
+            &:hover {
+                background: lighten($dark-taiga, 3%);
+                color: $white;
+                transition: all .2s;
+            }
+            &.active {
+                background: lighten($dark-taiga, 10%);
+                color: $white;
+                transition: all .2s;
+            }
+            span {
+                display: block;
+                max-width: 85%;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
         }
     }
     input {
@@ -36,6 +38,8 @@
         width: 85%;
     }
     .button-gray {
+        display: flex;
+        justify-content: center;
         margin: 0 1rem;
         padding: .5rem 0;
         text-align: center;