💄 fix: fix external link icon breaking word wrapping

[welpo]

Summary

This PR fixes the external link icon breaking word wrapping on long link text. Previously, links with the external icon would be treated as a single unbreakable unit, causing awkward line breaks.

Related issue

Fixes #495

Changes

The root cause was the display: inline-block property applied to external links. This change:

• Removes the display: inline-block property from external links
• Adjusts the icon implementation to use inline-block only on the pseudo-element

Accessibility

Unaffected/improved.

Screenshots

Before

After

Type of change

• Bug fix (fixes an issue without altering functionality)
• New feature (adds non-breaking functionality)
• Breaking change (alters existing functionality)
• UI/UX improvement (enhances user interface without altering functionality)
• Refactor (improves code quality without altering functionality)
• Documentation update
• Other (please describe below)

---

Checklist

• I have verified the accessibility of my changes
• I have tested all possible scenarios for this change
• I have updated theme.toml with a sane default for the feature
• I have updated config.toml in tabi-start
• I have made corresponding changes to the documentation:
  • Updated config.toml comments
  • Updated theme.toml comments
  • Updated "Mastering tabi" post in English
  • (Optional) Updated "Mastering tabi" post in Spanish
  • (Optional) Updated "Mastering tabi" post in Catalan

[netlify]

✅ Deploy Preview for tabi-demo ready!

Name	Link
🔨 Latest commit	9dfef5c
🔍 Latest deploy log	https://app.netlify.com/sites/tabi-demo/deploys/67d54043bcda8b0008755e2f
😎 Deploy Preview	https://deploy-preview-498--tabi-demo.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 site configuration.