Minor style fixes on admin titles

app/partials/admin/admin-roles.jade

@@ -22,7 +22,7 @@ div.wrapper.roles(ng-controller="RolesController as ctrl",
             div(tg-edit-role)
                 .edit-role
                     input(type="text", value="{{ role.name }}")
-                    a.save.icon.icon-floppy(href="", title="{{'COMMON.SAVE' | translate}}")
+                    a.save.icon(href="", title="{{'COMMON.SAVE' | translate}}")
 
                 p.total
                     span.role-name(title="{{'ADMIN.ROLES.COUNT_MEMBERS' | translate}}") {{ role.name }}

app/styles/modules/admin/admin-common.scss

@@ -10,10 +10,9 @@
     }
     .total {
         @extend %large;
-        @extend %title;
         background-color: $whitish;
         color: $grayer;
-        padding: 1rem;
+        padding: .3rem 1rem;
         &:hover {
             .edit-value {
                 opacity: 1;

app/styles/modules/admin/admin-roles.scss

@@ -1,7 +1,7 @@
 .admin-roles {
     .role-name {
         @extend %xlarge;
-        @extend %title;
+        @extend %light;
         color: $grayer;
     }
     .edit-value {
@@ -13,11 +13,10 @@
         transition: opacity .3s linear;
     }
     .edit-role {
-        align-items: left;
         background-color: $whitish;
         display: none;
         margin-bottom: 1rem;
-        padding: .5rem;
+        padding: .3rem 1rem;
         input {
             background-color: $white;
             width: 50%;
@@ -39,13 +38,15 @@
         padding: .5rem;
     }
     .general-category {
+        @extend %light;
+        @extend %small;
         align-items: center;
         display: flex;
         justify-content: flex-end;
         padding-bottom: 2rem;
         .check {
             margin-left: .5rem;
-            input { // IE needs smaller size
+            input {
                 height: 40px;
                 width: 85px;
             }