Refine MR widget styling for buttons and info text

What does this MR do?

This MR fixes styling regression around MR widget.

Screenshots

Does this MR meet the acceptance criteria?

• [ ] Changelog entry added, if necessary
• [ ] Documentation created/updated
• [ ] API support added
• Tests
  • Updated for this feature/bug
  • All builds are passing
• Conform by the merge request performance guides
• Conform by the style guides
• Branch has no merge conflicts with master (if it does - rebase it please)
• Squashed related commits together

What are the relevant issue numbers?

Closes #32595 (closed)

@filipa Can you please review and merge?

assigned to @filipa

marked the checklist item Conform by the merge request performance guides as completed

marked the checklist item Conform by the style guides as completed

marked the checklist item Branch has no merge conflicts with master (if it does - rebase it please) as completed

marked the checklist item Squashed related commits together as completed

changed the description

marked the checklist item Updated for this feature/bug as completed

changed the description

marked the checklist item All builds are passing as completed

@kushalpandya message is still a little above than the text in the buttons:

When the button is red is also not 30px height

assigned to @kushalpandya

@filipa Done with the changes, back to you.

assigned to @filipa

much better now! Thank you @kushalpandya

approved this merge request

@timothyandrew @selfup @kushalpandya this needs to be Pick into Stable :)

merged

mentioned in commit bcba281f

Picked into 9-2-stable will go into 9-2 RC7

mentioned in commit 996aa1e6