[Bug]: Competitions tournament and items

[jonsnowpt]

Is there an existing issue for this?

• [X] I have searched the existing issues

🐞 Describe the bug

• [x] The tournament icon is not. proportional;
• [x] Font size is incorrect; it should be 19px, not 20px;
• [x] The flag should be rounded;
• [x] Change for the full country name;
• [x] Invalid full country name error.

🤔 Expected Behavior

• [x] The tournament icon is not. proportional;
• [x] Font size is incorrect, it should be 19px, not 20px;
• [x] The flag should be rounded;
• [x] Change for the full country name;; it

What environment is the bug/issue detected in.

• [ ] Production (scores.betarena.com)
• [X] Development

What browsers are you seeing the problem on?

• [X] Firefox
• [X] Chrome
• [X] Safari
• [X] Microsoft Edge
• [X] Brave
• [X] Opera

What device/platform can the problem be seen?

• [X] 📱 Mobile
• [X] 💻 Tablet
• [X] 🖥️ Laptop/Desktop

Steps To Reproduce

Visit a competition.

Console Logs (if any)

No response

Anything else?

No response

[migbash]

• [ ] The tournament icon is not. proportional;

@jonsnowpt What do you mean ? Are the width and height incorrect ?

[jonsnowpt]

@migbash in the example it seems the tournament icon are not proportional.

[migbash]

Note In this particular case, the target league asset provided by sportmonks is not really ideal , as it contains invalid proportions, with white segment that cannot be removed -> https://cdn.sportmonks.com/images//soccer/leagues/9/1737.png. However, adjustment has been made to make the image as clear and better looking as possible via CSS.

[jonsnowpt]

@migbash Check this examples:

[migbash]

Note Implemented, awaiting deployment.

[migbash]

Note Live on dev from v827.

[jonsnowpt]

@migbash

• [x] The flag size is incorrect;

[migbash]

Note Implemented, awaiting 🚀 deployment.

[migbash]

Note Live on dev from v828.