Follow-up from adding the feedback widget on error pages

[gtsiolis]

Problem to solve

Following up from #10071, here are some UX issues and side effects we need to address for the feedback widget in the dashboard. Cc @laushinka @andrew-farries @jldec

• 1. Modal padding and element order issues, see Laushinka/error form 10062 #10071 (comment).
• 2. Form submission message issues, see Laushinka/error form 10062 #10071 (comment).
• 3. Form submission message differences in dashboard v. error pages, see Laushinka/error form 10062 #10071 (comment).
• 4. Ability to dismiss the message in all cases, see Laushinka/error form 10062 #10071 (comment).
• 5. More padding issues, see Laushinka/error form 10062 #10071 (comment).
• 6. Regression issues for the colors used, see Laushinka/error form 10062 #10071 (comment).
• 7. More margin issues, see Laushinka/error form 10062 #10071 (comment).
• 8. Text alignment issues, see Laushinka/error form 10062 #10071 (comment).
• 9. Consider updating the design of the submission step in the modal, see screenshot in Add feedback successful submission step in the feedback modal #10124.

[laushinka]

Thanks for listing them easily in an issue!

[jldec]

Hi @gtsiolis - are any of the above issues more urgent or higher priority in your opinion ?

[gtsiolis]

@jldec I could pick this up later to fix all the color, alignment, and spacing issues.

The most important outstanding tasks here from UX perspective include the following:

1. Extra padding and misplaced separator line in the first step (emoji selection) of the modal, which breaks the existing pattern of the modal, see relevant comment and screenshots below.
2. The layout of the third step (successful submission) of the modal, which looks a bit off, see relevant comment and screenshots below.

However, this does not feel like urgent. Let's put our engineering efforts on other, more important issues. Cc @laushinka

Let me also mark this as a ~good-first-issue in case anyone from the community would like to pick this up.

Modal separator line in variables ✔️	Modal separator line in feedback ❌

Successful submission in dashboard pages	Successful submission in error pages

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[gtsiolis]

Added a new follow-up issue about the text overlapping with the feedback emojis:

• Improve feedback widget UX #15760