🐛 Bug Report: [Quick start guide] Getting started page : React flow button UI fixing.

[foolhardys]

📜 Description

When we visit the getting started page , the React Flow anchor tag link is not clearly visible finds makes user experience unsatisfactory.

Color overlaps with the element behind and two links are placed very close to each other which does not look good.

👟 Reproduction steps

1. Go to the Getting started page.
2. Look down for the Element having a title 'Channel' and description 'Build desired order of channels' .
3. In the same element there is a pink colored link which looks great .
4. Below that you will see the React Flow link which is not clearly visible.
   

👍 Expected behavior

The React Flow link which redirects to https://reactflow.dev/ should have seperate position and should be highlighted either with a lighter shade or a different color. The link should appear distant from background element.

👎 Actual Behavior with Screenshots

Novu version

Novu Saas

npm version

No response

node version

No response

📃 Provide any additional context for the Bug.

No response

👀 Have you spent some time to check if this bug has been raised before?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to submit PR?

Yes I am willing to submit a PR!

[ainouzgali]

Would you like me to assign you @foolhardys ?

[TanmayDhobale]

@ainouzgali hey can i work on this issue ?

[LetItRock]

@jatinder14 is working on this issue

[Shiva1406]

Is this issue resolved or currently assigned to anyone?

[jatinder14]

@chankruze please tell me what changes are exactly required here ?

[foolhardys]

@chankruze please tell me what changes are exactly required here ?

The React Flow button which is appearing behind the message should be seperately visible.

[govardhanshah456]

Hey, I would like to work on this issue.

[unicodeveloper]

Hello @chankruze, we value respectful communication in this community and believe in encouraging contributions from individuals regardless of their knowledge levels.

Using derogatory language or engaging in any form of abuse towards contributors is unacceptable. As a result of this behavior, we've decided to remove you from this community.

[Anonymous961]

Hey @LetItRock, I think I can fix this issue by repositioning the React Flow beneath the Email block. Furthermore, the font size and color can be changed to a lighter color. React Flow is redirecting to https://reactflow.dev/. Is it fine to move React Flow below the Email block? Please assign me this issue.