fix(resources): align Read Resource button position with Run button

[nuthalapativarun]

Summary

Fixes #1415

The Read Resource button for resource templates was placed after the secondary action buttons (Refresh, Hide sidebar), while the Run button in the Tools tab uses ml-auto to sit at the far right of the header — a pattern users expect for the primary execute action.

Before: [Tabs] ........ [Refresh][Hide] [Read Resource]
After: [Tabs] [Refresh][Hide] ............. [Read Resource]

Changes:

• Remove ml-auto from the secondary actions wrapper div in ResourcesTab.tsx
• Add ml-auto to the Read Resource button so it anchors to the far right, matching ToolsSidebar.tsx

Testing

1. Connect to an MCP server that has resource templates (e.g. npx -y @modelcontextprotocol/server-everything)
2. Open the Resources tab and switch to Templates
3. Confirm the Read Resource button is now at the top-right of the header, consistent with the Run button in the Tools tab

Unit tests: all 15 existing ResourcesTab tests pass.

[chatgpt-codex-connector]

Codex usage limits have been reached for code reviews. Please check with the admins of this repo to increase the limits by adding credits.
Credits must be used to enable repository wide code reviews.

[chelojimenez]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scan Engine	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[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: 9ed93083-4439-4a09-b3be-5cc98f88f742

📥 Commits

Reviewing files that changed from the base of the PR and between 934c606 and b53709c.

📒 Files selected for processing (1)

• mcpjam-inspector/client/src/components/ResourcesTab.tsx

---

Walkthrough

The ResourcesTab component adjusts Tailwind spacing utilities for button alignment within its sidebar. The wrapper element loses its ml-auto class, while the template-mode "Read Resource" button gains this utility to preserve right-aligned positioning. This refactors the CSS responsibility from the container to the button itself, affecting only visual layout without altering event handling or data interactions.

---

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.}