connections list: update RA hosted db button styles

[lyubov-voloshko]

Summary by CodeRabbit

• Style
  • Updated button styling with new background color, border, and text color properties.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 55d4046f-e43a-4dc4-ac52-dd5d8e3eb3b0

📥 Commits

Reviewing files that changed from the base of the PR and between 31d909f and 206c01b.

📒 Files selected for processing (1)

• frontend/src/app/components/connections-list/own-connections/own-connections.component.css

---

📝 Walkthrough

Walkthrough

Updated the .fabHostedButton CSS class with styling enhancements: added background color from the accented palette, a solid border, and text color. The change affects only visual styling without modifying layout or functional behavior.

Changes

Cohort / File(s)	Summary
Button Styling frontend/src/app/components/connections-list/own-connections/own-connections.component.css	Enhanced .fabHostedButton with background color (--color-accentedPalette-50), border (1px solid --color-accentedPalette-100), and text color (--color-accentedPalette-900).

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Possibly related PRs

• Refactor connections list with hosted PostgreSQL banner #1685: Modifies the same .fabHostedButton CSS selector in own-connections.component.css, indicating a directly related styling update.

Poem

🐰 A button so fab, now dressed in style,
With colors arranged, it's worth a smile,
Borders and hues from palettes so fine,
This hosted button will surely shine! ✨

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch style-hosteddb-button

---

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

[Copilot]

Pull request overview

Updates the styling of the “RA hosted db” action button in the connections list to better align with the app’s accented palette styling.

Changes:

• Add accented-palette background, border, and text color to .fabHostedButton in the connections list FAB actions.

---

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