Skip to content

fix: add missing gap between “Disconnect” and “Close” buttons in ExtensionDetailModal#1906

Open
sarthakNITT wants to merge 1 commit into
different-ai:devfrom
sarthakNITT:#1116
Open

fix: add missing gap between “Disconnect” and “Close” buttons in ExtensionDetailModal#1906
sarthakNITT wants to merge 1 commit into
different-ai:devfrom
sarthakNITT:#1116

Conversation

@sarthakNITT
Copy link
Copy Markdown

Summary

  • Adds a small horizontal gap between the Disconnect and Close buttons in the Extension Detail modal. This resolves the UI overflow where the two buttons were rendered flush together.

Why

  • During testing of the reload‑toast fix (issue Fix reload toast colors in dark mode #1116) a new visual regression was discovered: the button row in ExtensionDetailModal has no spacing, causing the UI to look cramped and making the “Disconnect” action hard to tap.

Issue

Scope

  • UI only – no functional changes.
  • Adjusts the flex container in extension-detail-modal.tsx to include gap-2.

Out of scope

  • Any changes to the toast component or backend logic.

Evidence

  • video/screenshot link, or N/A (docs-only)
Screenshot 2026-05-23 at 2 22 44 AM

Previously as mentioned in #1116 (comment)
Screenshot 2026-05-23 at 2 13 27 AM

Copilot AI review requested due to automatic review settings May 22, 2026 21:00
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 22, 2026

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

Project Deployment Actions Updated (UTC)
openwork-landing Ready Ready Preview, Comment, Open in v0 May 22, 2026 9:01pm

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 22, 2026

@sarthakNITT is attempting to deploy a commit to the Different AI Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Updates the Extension Detail modal’s layout styling, primarily adjusting spacing in the footer and reformatting an icon container’s conditional className.

Changes:

  • Reflowed the icon wrapper className template literal around the connected conditional styling.
  • Added gap-2 to the footer button row for improved spacing between left/right content.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +198 to +199
className={`flex size-12 items-center justify-center rounded-xl border ${connected ? "border-green-6 bg-green-2" : "border-dls-border bg-dls-hover"
}`}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix reload toast colors in dark mode

2 participants