Layout and spacing improvements to popup banner

[lucascumsille]

Relevant issue(s)

Working on another ticket I noticed the markup for the popup and realised that there is a close button, however is not visible enough(opacity and size) and the clickable area is also quite small.

What does this do?

• Increases the size of the button
• Get rids of the opacity
• It also positions the close button vertically in the middle, specially on smaller screen it think it looks nicer.
• The content has being centred. For this type of one liner messages it looks a bit nicer and for having a different alignment than the rest of the page it pops up a bit more, but happy if we want to keep it the left aligned.

Why was this needed?

Implementation notes

Screenshots

Screen.Recording.2024-09-23.at.07.24.10.mov

Notes to reviewer

---

[skip changelog]

[gbp]

@lucascumsille there is this recent issue related to the popup if you're able to adjust the colour too that would be amazing.

[lucascumsille]

thanks @gbp I'm doing it at the moment, but in the WDTK repo, I noticed the styling is in there.