fix(tags): ensure consistent vertical spacing across mobile view (#276)

[Preetiaarya]

This PR fixes issue #276 by applying consistent vertical spacing between tags on mobile view.

Changes Made:

• Wrapped tag items in a with:
  • pad={{ vertical: "xsmall" }}
  • round="xsmall"
  • margin={{ bottom: "xxsmall" }}
• This ensures that each tag has padding and margin even before any interaction like "Show more tags".
• Also added a margin={{ bottom: "small" }} to the container above the tags to maintain spacing in the layout.

This ensures the tag layout looks consistent and avoids layout shift on small screens.

Screeenshort

[netlify]

✅ Deploy Preview for tattle-website-preview ready!

Name	Link
🔨 Latest commit	755cb49
🔍 Latest deploy log	https://app.netlify.com/projects/tattle-website-preview/deploys/689b33484f30e50008bd25e9
😎 Deploy Preview	https://deploy-preview-284--tattle-website-preview.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.

[Preetiaarya]

Hello @maanasb01 Sir, Could you please review the changes I made to fix the tag spacing issue on the Blog page? I added vertical padding and bottom margin to each tag container to ensure consistent spacing, especially on mobile view.

[maanasb01]

Hey @Preetiaarya, the issue also mentions fixing the updates' tags as well. Can you fix them as well? The project tags for the updates page are already fixed with the changes that you made, but each update also has tags listed within it. In mobile view, these tags are vertically aligned instead of covering the horizontal space. We need to wrap these tags (we can try flex-wrap or whatever else you want to try is also fine), so that they utilize the horizontal space properly.
Example screenshot of an update in mobile view:

[maanasb01]

Hey @Preetiaarya, any update on this?

[Preetiaarya]

Hello @maanasb01, I’ve pushed the blog tags padding and font size changes to fix/blog-tags-gap.
Sorry for the delay — please review when you get a time.

[dennyabrain]

I feel like the text size has become very small now @Preetiaarya @maanasb01 what do you think? possible to not reduce the text size of the tags?

[maanasb01]

Hey @Preetiaarya, can you please take this up?