fixing overhanging recommended text in onboarding

[richardanaya]

Before:

After:

[greptile-apps]

Greptile Summary

This PR fixes a minor UI layout issue in the onboarding wizard where the "Recommended" badge on adapter option buttons was overhanging outside the right edge of its parent container. The fix changes the Tailwind positioning utility from -right-1.5 (which pushed the badge 6px outside the button's right edge) to right-1 (which positions it 4px inside the right edge), keeping the badge visually contained within the button.

• Changed file: ui/src/components/OnboardingWizard.tsx (line 733)
• Change: Tailwind class on the Recommended badge updated from absolute -top-1.5 -right-1.5 to absolute -top-1.5 right-1
• No logic, state, or behavioral changes — purely a CSS positioning fix
• No issues found — the change is minimal, targeted, and correct

Confidence Score: 5/5

• This PR is safe to merge — it is a one-line CSS positioning fix with no logic or behavioral changes.
• The change is limited to a single Tailwind utility class on a decorative badge span. It has no impact on application logic, state management, or data flow. The fix correctly addresses the visual overflow described in the PR.
• No files require special attention.

Important Files Changed

Filename	Overview
ui/src/components/OnboardingWizard.tsx	Single Tailwind CSS class change on the "Recommended" badge: -right-1.5 → right-1, preventing horizontal overflow outside the parent button's boundary.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[Render adapter option button\nclassName includes 'relative'] --> B{opt.recommended?}
    B -- Yes --> C[Render 'Recommended' badge\nabsolute -top-1.5 right-1\nContained within button boundary]
    B -- No --> D[No badge rendered]
    C --> E[Render opt.icon]
    D --> E
    E --> F[Render opt.label]
    F --> G[Render opt.desc or 'Coming soon']

Loading

_{Last reviewed commit: ee393ad}

[aaaaron]

I like the screenshots