fix: align dependency warning icons to middle

[iiio2]

Before:

After:

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npmx.dev	Ready	Preview, Comment	Mar 23, 2026 6:25am

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
docs.npmx.dev	Ignored	Preview	Mar 23, 2026 6:25am
npmx-lunaria	Ignored		Mar 23, 2026 6:25am

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ All tests successful. No failed tests found.

📢 Thoughts on this report? Let us know!

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 60693551-a394-4068-bb48-3c906661f634

📥 Commits

Reviewing files that changed from the base of the PR and between 32ba285 and d9619ae.

📒 Files selected for processing (1)

• app/components/Package/Dependencies.vue

---

📝 Walkthrough

Walkthrough

This pull request modifies two dependency indicator button elements in app/components/Package/Dependencies.vue. The Tailwind CSS classes for the outdated-dependency and replacement buttons have been updated from p-2 -m-2 to inline-flex items-center justify-center p-2 -m-2. This change adds flexbox layout properties to improve the centring of button content. All other attributes, including type bindings, aria-label bindings, and conditional rendering logic, remain unchanged.

Possibly related PRs

• feat: switch dependency icons to be tappable tooltips #1471: Modifies the same dependency indicator elements in app/components/Package/Dependencies.vue with changes to icon and button structure and Tailwind classes.

Suggested reviewers

• danielroe
• serhalp

🚥 Pre-merge checks | ✅ 1

✅ Passed checks (1 passed)

Check name	Status	Explanation
Description check	✅ Passed	The pull request description includes visual before/after screenshots demonstrating the intended UI change, directly related to the changeset of aligning dependency warning icons.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}