style(community): improve icon visibility, alignment, and spacing

[Harshit-Mourya]

Summary

This PR addresses UI inconsistencies on the Community page, particularly in dark mode, and improves overall visual alignment and spacing.

Related issue

Fixes UI inconsistencies on Community page in dark mode (icons visibility & alignment) #505

Changes

• Improved visibility of the X (Twitter) icon in dark mode
• Aligned platform icons consistently with their corresponding text
• Adjusted spacing between icons and text across platform rows
• Improved grouping and visual balance of social media icons
• Fixed list bullet overflow in the GitHub row by adjusting left spacing
• Minor formatting changes due to Markdown auto-formatting

Screenshots

Before

After

Notes

• Changes are limited to styling and layout only
• No content or functionality was modified

[netlify]

✅ Deploy Preview for openrefine-website ready!

Name	Link
🔨 Latest commit	4830bcb
🔍 Latest deploy log	https://app.netlify.com/projects/openrefine-website/deploys/696e046bac38660008ea9314
😎 Deploy Preview	https://deploy-preview-508--openrefine-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Harshit-Mourya]

While working on the Community page layout, I noticed that the "OpenRefine is Magic" illustration feels a bit out of place in its current floating position.

I wanted to ask whether it should stay as-is or be placed elsewhere (for example, within the content flow or below the table). Happy to adjust its placement based on your guidance.

[tfmorris]

While working on the Community page layout, I noticed that the "OpenRefine is Magic" illustration feels a bit out of place in its current floating position.

I agree. I also don't love the fact that it shrinks the table horizontally, resulting in a lot of whitespace on the right. A better place might be above the table and to the right of "Connect with us" and the related paragraph or centered in the page above "Connect with us" but I'm happy let you play with it and propose something that looks good to you.

[Harshit-Mourya]

Thanks for the feedback. I’ll adjust the illustration placement so it doesn’t shrink the table and share an update.

[Harshit-Mourya]

I’ve updated the placement of the "OpenRefine is Magic" illustration based on your feedback and added a screenshot below to show the revised layout. Please let me know if this works or if you’d like any adjustments.