TD-7146 Fixed button text wrapping onto two lines

[sherif-olaboye]

JIRA link

https://hee-tis.atlassian.net/browse/TD-7146

Description

Resolved the issue where the "Remove from self-assessment" button text was wrapping onto two lines and fixed the "Element 'div' cannot be nested inside element" warning.

Screenshots

----- ### Developer checks (Leave tasks unticked if they haven't been appropriate for your ticket.)

I have:

• Run the IDE auto formatter on all files I’ve worked on and made sure there are no IDE errors relating to them
• Written or updated tests for the changes (accessibility ui tests for views, tests for controller, data services, services, view models created or modified) and made sure all tests are passing
• Manually tested my work with and without JavaScript (adding notes where functionality requires JavaScript)
• Tested any Views or partials created or changed with Wave Chrome plugin. Addressed any valid accessibility issues and documented any invalid errors
• Updated my Jira ticket with testing notes, including information about other parts of the system that were touched as part of the MR and need to be tested to ensure nothing is broken
• Scanned over my pull request in GitHub and addressed any warnings from the GitHub Build and Test checks in the GitHub PR ‘Files Changed’ tab
  Either:
• Documented my work in Confluence, updating any business rules applied or modified. Updated GitHub readme/documentation for the repository if appropriate. List of documentation links added/changed:
  • doc_1_here
    Or:
• Confirmed that none of the work that I have undertaken requires any updates to documentation

[rshrirohit]

there were other changes requested in the ticket comments by Madhavi, have we discussed about them? Are those changes required?

[sherif-olaboye]

https://hee-tis.atlassian.net/browse/TD-7146

All the other changes have been fixed. The only remaining issue is the button text wrapping onto two lines, which she mentioned during our last discussion on this ticket.