Tweak padding of collaborator form

CompuIves · CompuIves · commit b051c4d19367 · 2020-03-23T17:53:37.000+01:00
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Header/Collaborators/AddCollaboratorForm.tsx b/packages/app/src/app/pages/Sandbox/Editor/Header/Collaborators/AddCollaboratorForm.tsx
@@ -80,7 +80,7 @@ export const AddCollaboratorForm = () => {
           css={{
             position: 'absolute',
             top: 0,
-            right: 0,
+            right: 8,
           }}
         />
       </motion.div>
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Header/Collaborators/PermissionSelect.tsx b/packages/app/src/app/pages/Sandbox/Editor/Header/Collaborators/PermissionSelect.tsx
@@ -32,7 +32,7 @@ export const PermissionSelect = ({
   ...props
 }: IPermissionSelectProps) => (
   <Menu>
-    <Menu.Button disabled={disabled} {...props}>
+    <Menu.Button css={{ paddingRight: 0 }} disabled={disabled} {...props}>
       {authToName[selectedValue]} <Icon name="caret" size={8} marginLeft={1} />
     </Menu.Button>
     <Menu.List>
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Header/Collaborators/UserSearchInput.tsx b/packages/app/src/app/pages/Sandbox/Editor/Header/Collaborators/UserSearchInput.tsx
@@ -94,6 +94,7 @@ export const UserSearchInput = ({
               placeholder: 'Enter name or email address',
             })}
             autoFocus
+            spellcheck="false"
           />
         </div>
 
