Resolved Add Users button overlaps with the user table.

[samshinde]

Signed-off-by: samshinde ashinde@chef.io

🔩 Description: What code changed, and why?

The Add Users button overlaps with the user table on the add-users-to-team modal and changed the height of the table to get a space between them.

⛓️ Related Resources

#2752

👍 Definition of Done

Add user button overlaps with the user table so added space between them.

👟 How to Build and Test the Change

1. start Automate + UI
2. navigate to https://a2-dev.test/settings/users and create several users
3. navigate to https://a2-dev.test/settings/teams/editors/add-users
4. you should be able to see the overlap of the buttons with the last row of users

STEP 1
inside the hab studio

[default:/src:0]# build components/automate-ui-devproxy/
[default:/src:0]# start_automate_ui_background
[default:/src:0]# start_all_services

STEP 2
open new window
go to automate UI path

$ cd components/automate-ui
and run the command 

✅ Checklist

• I have read the CONTRIBUTING document.
• Tests added/updated?
• Docs added/updated?
• All commits have been signed-off for the Developer Certification of Origin.

📷 Screenshots, if applicable

[netlify]

Deploy preview for chef-automate ready!

Built with commit 8367629

https://deploy-preview-4361--chef-automate.netlify.app

[srenatus]

LGTM

[tarablack01]

LGTM 👍🏻

[msorens]

Have we checked that this does not occur for any other similar pages?

[samshinde]

Have we checked that this does not occur for any other similar pages?

@msorens Yes, I have checked the settings tab in which we have the same pop-up in these pages: Projects-> Create Rule, Policies-> Add Member, and there is no overlapping issue.