[UMS] Harmonize the layout in the result section

[UJehle]

Issue: The different elements in this section are not really fitting together. The score batches have different sizes and some fonts are very small while others are very big. @AnaSasso could you assist here and help @cinaaaa to improve the design of this result section? (no need to fully redesign everything - unless you have a spontaneous idea - but mainly harmonizing what is already there)

Furthermore, I am currently missing a "closing" button for the result window.

Subtasks:

• [x] harmonize score batches
• [x] harmonize font sizes
• [x] add a "close" button ("x")

[UJehle]

Also, the items seem to be not properly aligned:

[AnaSasso]

@UJehle @cinaaaa I'd like to suggest that the card with the score also hold the address, as the score is connected to it:

About the individual scores, I adjusted the container so its more harmonic:

On the colours, in order to keep the score-scale colours I adjusted the text colours to reach the correct contrast:

[UJehle]

Thanks @AnaSasso, that looks nice! @cinaaaa could you implement it like this?

[cinaaaa]

@UJehle This is ready for review ;)

[UJehle]

Thanks @cinaaaa. The total score section looks nice. But I think two points are still missing:

• the texts here are not alligned:

• the "close" button ("x") is missing

[cinaaaa]

This is ready for review @UJehle

[UJehle]

Thanks @cinaaaa. Looks good!

[p4b-bro[bot]]

This task/issue closed on Fri Jun 09 2023 ✅

[p4b-bro[bot]]

This task/issue closed on Wed Jun 14 2023 ✅

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.