[#10922] Added top padding to Add All Instructors button

[srdeotarse]

Fixes #10922

PR Checklist

Ensure that you have:

• Read and understood our PR guideline: https://github.com/TEAMMATES/teammates/blob/master/docs/process.md#step-4-submit-a-pr

  • Added the issue number to the "Fixes" keyword above
  • Titled the PR as specified in the abovementioned document

• Made your changes on a branch other than master and release

• Gone through all the changes in this PR and ensured that:

  • They addressed one (and only one) issue
  • No unintended changes were made

• Run and passed static analysis: ./gradlew lint and npm run lint

• Added/updated tests, if changes in functionality were involved

• Added/updated documentation to public APIs (classes, methods, variables), if applicable

Outline of Solution

Surrounded 'Add All Instructors' button with div containing class="top-padded" in /teammates/src/web/app/pages-admin/admin-home-page/admin-home-page.component.html

Changed top padding of 'Add All Instructors' button form this -

To this -

[Derek-Hardy]

There are failures on snapshot test suites because your solution has modified HTML elements in admin-home-page component.

Remember to update snapshots before submission. Commonly we do npm test followed by option u to update failed snapshots after modification.

If unfamiliar, you can refer to the documentation or Jest official website.

[srdeotarse]

There are failures on snapshot test suites because your solution has modified HTML elements in admin-home-page component.

Remember to update snapshots before submission. Commonly we do npm test followed by option u to update failed snapshots after modification.

If unfamiliar, you can refer to the documentation or Jest official website.

I have removed div with 'top-padded' class, added class 'top-padded' to 'add-all-instructors' button and updated snapshot.

[Derek-Hardy]

LGTM