bugfixes for popups and assignee list

client/src/components/forms/RoleForm/index.tsx

@@ -7,6 +7,7 @@ import RoleChangeForm from 'components/forms/RoleForm/RoleChangeForm';
 import RoleEditForm from 'components/forms/RoleForm/RoleEditForm';
 
 import './role-form.scss';
+import '../form.scss'
 
 interface Props {
     roles: TeamRole[];

client/src/components/forms/RoleForm/role-form.scss

@@ -5,8 +5,11 @@
     display: flex;
     flex-direction: column;
 
+    h2 {
+        margin-top: 0;
+    }
     .role-item {
-        background: s.$background-light;
+        background: s.$background-input;
         border-radius: 25px;
         font-size: 18px;
         width: 100%;
@@ -109,6 +112,7 @@
 .role-edit-form {
     h2 {
         margin-bottom: 40px;
+        margin-top: 0;
     }
 
     .button {

client/src/components/ui/AssigneeList/assignee-list.scss

@@ -5,19 +5,13 @@
     display: flex;
     margin-left: 16px;
 
-    &:hover {
-        .assignee {
-            margin-left: 0;
-        }
-    }
-
     .tooltip {
-        margin-left: -8px;
+        margin-left: -4px;
     }
 
     .assignee,
     .avatar {
-        margin-left: -8px;
+        margin-left: -4px;
         width: 35px;
         height: 35px;
 

client/src/components/ui/Popup/popup.scss

@@ -20,7 +20,7 @@
         overflow: auto;
         padding: 50px;
         max-width: 960px;
-        background: s.$background-white;
+        background: s.$background-light;
         border-radius: 25px;
         position: relative;
         z-index: 2;