[Feat] : Inadequate Clickable Area for Back Button

[nubelaeye]

trafficstars

Is your proposal related to a problem?

The current design of the back button on [cal.com/profile page] has a clickable area that is not large enough, making it challenging for users to easily click on it. This issue affects the overall user experience, especially on devices with smaller screens or for users with less precise input.

Describe alternatives you've considered

Actual Behavior:

The clickable area of the back button is limited, making it difficult for users to interact with it, particularly when using devices with smaller screens.

Describe the solution you'd like

Expected Behavior:

The back button should have a sufficient clickable area, ensuring users can easily navigate back without encountering difficulties in clicking the button.

Steps to Reproduce:

1. Access cal.com on a device with a smaller screen.
2. Navigate to a profile page where the back button is present.
3. Attempt to click the back button, focusing on its edges and corners.

Additional context

Include any additional details that may be relevant to the issue, such as specific scenarios where this problem is more pronounced or any recent changes made to the interface.

Possible Solution:

Consider expanding the clickable area of the back button to enhance user accessibility and improve overall usability. This may involve adjusting the button's size, padding, or implementing a fix that accommodates various screen sizes.

Impact:

Describe the potential impact on users if this issue is not addressed promptly, emphasizing the importance of providing a seamless navigation experience.

Your attention to this matter is highly appreciated, and I look forward to seeing improvements in the clickable area of the back button for a better user experience.

Requirement/Document

https://github.com/calcom/cal.com/assets/115486469/3794ce84-a72a-4d3a-ac20-dcb7bf055dad

---

House rules

• If this issue has a 🚨 needs approval label, don't start coding yet. Wait until a core member approves feature request by removing this label, then you can start coding.
• For clarity: Non-core member issues automatically get the 🚨 needs approval label.
• Your feature ideas are invaluable to us! However, they undergo review to ensure alignment with the product's direction.