fix: apply icon alignment fix to all remaining instances

Author: roomote

docs/credits/overview.md

@@ -42,7 +42,7 @@ The monthly subscription to the Team plan simply unlocks advanced functionality.
 
 ## How do I get free credits or free minutes or free tokens?
 
-When you sign up for a Roo Code Cloud account, you'll be given a number of "Free Minutes" to try the product out (you'll see a cute <LucideIcon name="Gift" style={{ width: 14, position: "relative", top: 4}} /> icon). Those free minutes cover both the [Cloud Agent](/roo-code-cloud/cloud-agents) run time _and_ inference via the Roo Code Cloud provider (both of which normally cost credits). Those can't be used in the extension – they're there for you to try the magic of Cloud Agents.
+When you sign up for a Roo Code Cloud account, you'll be given a number of "Free Minutes" to try the product out (you'll see a cute <LucideIcon name="Gift" style={{ width: 14, display: "inline-block", verticalAlign: "middle" }} /> icon). Those free minutes cover both the [Cloud Agent](/roo-code-cloud/cloud-agents) run time _and_ inference via the Roo Code Cloud provider (both of which normally cost credits). Those can't be used in the extension – they're there for you to try the magic of Cloud Agents.
 
 If you want free inference in the extension, look for a free model when available (or use another provider which may offer it to you for free).
 

docs/roo-code-cloud/cloud-agents.mdx

@@ -43,36 +43,36 @@ We at Roo have been developing Roo Code mostly with Cloud Agents for several mon
 
 The current line up available to your is below. Keep in mind we let you rename them as you please – we really believe in making them part of your team.
 
-### <LucideIcon name="MessageCircleQuestionMark" style={{ position: "relative", top: "2px" }}  /> The Explainer
+### <LucideIcon name="MessageCircleQuestionMark" style={{ display: "inline-block", verticalAlign: "middle" }}  /> The Explainer
 **Job:** Technical Educator  
 
 Explains code, concepts, and technical documentation. It helps you understand complex parts of a codebase without needing to read every line.
 
 - **Best for:** Onboarding to a new codebase, understanding legacy code, debugging conceptual issues.
 
 
-### <LucideIcon name="Map" style={{ position: "relative", top: "2px" }}  /> The Planner
+### <LucideIcon name="Map" style={{ display: "inline-block", verticalAlign: "middle" }}  /> The Planner
 **Job:** Implementation Planning and Architecture
 
 The Planner agent maps out implementation plans and navigates complex technical decisions. It's designed to take a high-level idea or a Product Requirement Document (PRD) and break it down into a thorough, step-by-step implementation plan which can the be given to coding agent (or a human!).
 
 - **Best for:** New feature planning, system architecture design, complex refactoring strategies.
 
-### <LucideIcon name="Code" style={{ position: "relative", top: "2px" }} /> The Coder
+### <LucideIcon name="Code" style={{ display: "inline-block", verticalAlign: "middle" }} /> The Coder
 **Job:** Full-scale across all languages 
 
 The Coder agent writes code, creates pull requests, and implements features. It is the workhorse of the platform, capable of handling end-to-end coding tasks.
 
 - **Best for:** Building features, fixing bugs, refactoring components, writing tests.
 
-### <LucideIcon name="GitPullRequest" style={{ position: "relative", top: "2px" }}  /> The PR Reviewer
+### <LucideIcon name="GitPullRequest" style={{ display: "inline-block", verticalAlign: "middle" }}  /> The PR Reviewer
 **Job:** Code reviews
 
 The PR Reviewer agent automatically provides comprehensive code reviews with actionable comments. It can monitor your repositories and review incoming Pull Requests.
 
 - **Best for:** Automated code quality checks, catching bugs early, enforcing coding standards.
 
-### <LucideIcon name="Wrench" style={{ position: "relative", top: "2px" }}  /> The PR Fixer
+### <LucideIcon name="Wrench" style={{ display: "inline-block", verticalAlign: "middle" }}  /> The PR Fixer
 **Job:** Focused fixes
 
 The PR Fixer agent is specialized in resolving issues identified in Pull Requests. It listens for feedback and autonomously implements fixes.

docs/roo-code-cloud/task-sync.mdx

@@ -21,7 +21,7 @@ It creates a live, one-way stream of your task messages and status from your loc
 
 <img src="/img/task-sync/task-sync.png" alt="Roo Code Cloud home showing connected workspaces and tasks" width="600" />
 
-:::info IDE <LucideIcon name="ArrowRight" style={{ position: "relative", top: "3px" }} /> Cloud
+:::info IDE <LucideIcon name="ArrowRight" style={{ display: "inline-block", verticalAlign: "middle" }} /> Cloud
 Keep in mind Task Sync sends tasks from your IDE to Roo Code Cloud, but not vice-versa. For example, it doesn't sync tasks across devices at the moment.
 :::