fix #721

app/partials/admin-roles.jade

@@ -12,10 +12,10 @@ block content
             include views/modules/admin-submenu-roles
 
         section.main.admin-roles
-            header
+            .admin-header
                 include views/components/mainTitle
-
-            a.button.button-red.delete-role(href="", title="Delete", ng-click="ctrl.delete()") Delete
+                div.delete-button-wrapper
+                    a.button.button-red.delete-role(href="", title="Delete", ng-click="ctrl.delete()") Delete
 
             p.total
                 | {{ role.name }}

app/styles/main.scss

@@ -107,6 +107,7 @@ $prefix-for-spec:      true;
 @import 'modules/admin/admin-project-profile';
 @import 'modules/admin/default-values';
 @import 'modules/admin/project-values';
+@import 'modules/admin/admin-common';
 
 //Modules user Settings
 @import 'modules/user-settings/user-profile';

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

@@ -0,0 +1,13 @@
+.admin-header {
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    h1 {
+        span {
+            white-space: inherit;
+        }
+    }
+    .delete-button-wrapper {
+        flex-shrink: 0;
+    }
+}

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

@@ -50,9 +50,4 @@
             }
         }
     }
-    .delete-role {
-        position: absolute;
-        right: 2rem;
-        top: 2rem;
-    }
 }