Contribution page fix

[Dnouv]

As mentioned in issue #2880 , the components of "Contribution Activity" and "Top Contributors" were misaligned. I've fixed those cards. If there is any feedback or still any error, please feel free to provide it.

[Dnouv]

Apologies,
I forgot to put the screenshots of the updated pages. Here are both old and fixed page screenshots.

This one is the page with the issue.

This is the fixed page screenshot.

Please feel free to provide feedback. I hope the changes can now be compared.
Thank you!

[phirework]

Hello, thanks for your patience! Most of this looks fine, but when the page is in LTR the labels are squished together. Can you take another look and ensure it works in both directions?

[Dnouv]

Sorry @phirework, but could you please let me know what LTR is? Is it Left-to-Right written language?

[phirework]

Yep, that's correct! You can change the Common Voice language to something Arabic to see it organically, but during development you can use the inspector tool of whatever browser you're using to modify the dir attribute of the html element to ltr.

[ftyers]

Yep, that's correct! You can change the Common Voice language to something Arabic to see it organically, but during development you can use the inspector tool of whatever browser you're using to modify the dir attribute of the html element to ltr.

Do you mean RTL here ? e.g. Arabic is dir="rtl" i think, English is dir="ltr".

[Dnouv]

@ftyers, I had the same doubt, but I have tested it for RTL; here is the screenshot. The labels were not squished together; please have a look.

Feedbacks are most welcomed. Thank you!

[phirework]

Yep sorry, I misspoke. Weird, I can't seem to reproduce it anymore, my bad. Congrats on your first PR!