div.wrapper.roles(ng-controller="RolesController as ctrl",
                        ng-init="section='admin'", tg-roles)
    sidebar.menu-secondary.sidebar(tg-admin-navigation="roles")
        include ../includes/modules/admin-menu
    sidebar.menu-tertiary.sidebar
        include ../includes/modules/admin-submenu-roles

    section.main.admin-roles.admin-common
        .header-with-actions
            include ../includes/components/mainTitle
            .action-buttons
                a.button-red.delete-role(href="", title="Delete", ng-click="ctrl.delete()") Delete


        div(tg-edit-role)
            .edit-role
                input(type="text", value="{{ role.name }}")
                a.save.icon.icon-floppy(href="", title="Save")

            p.total
                span.role-name(title="{{ role.members_count }} members with this role") {{ role.name }}
                a.edit-value.icon.icon-edit

        div.any-computable-role(ng-hide="anyComputableRole") Be careful, no role in your project will be able to estimate the point value for user stories

        div.general-category
            | When enabled, members assigned to this role will be able to estimate the point value for user stories
            div.check
                input(type="checkbox", ng-model="role.computable", ng-change="ctrl.setComputable()")
                div
                span.check-text.check-yes Yes
                span.check-text.check-no No

        div(tg-role-permissions, ng-model="role")

div.wrapper.roles(ng-controller="RolesController as ctrl",
                        ng-init="section='admin'", tg-roles)
    sidebar.menu-secondary.sidebar(tg-admin-navigation="roles")
        include ../includes/modules/admin-menu
    sidebar.menu-tertiary.sidebar
        include ../includes/modules/admin-submenu-roles

    section.main.admin-roles.admin-common
        .header-with-actions
            include ../includes/components/mainTitle
            .action-buttons
                a.button-red.delete-role(href="", title="Delete", ng-click="ctrl.delete()")
                    span Delete


        div(tg-edit-role)
            .edit-role
                input(type="text", value="{{ role.name }}")
                a.save.icon.icon-floppy(href="", title="Save")

            p.total
                span.role-name(title="{{ role.members_count }} members with this role") {{ role.name }}
                a.edit-value.icon.icon-edit

        div.any-computable-role(ng-hide="anyComputableRole") Be careful, no role in your project will be able to estimate the point value for user stories

        div.general-category
            | When enabled, members assigned to this role will be able to estimate the point value for user stories
            div.check
                input(type="checkbox", ng-model="role.computable", ng-change="ctrl.setComputable()")
                div
                span.check-text.check-yes Yes
                span.check-text.check-no No

        div(tg-role-permissions, ng-model="role")

Fix broken button style on admin roles
Fix broken button style on admin roles
