Resolve "Re-design smileys on TA feedback"

What does this MR do?

Smileys in feedback for TAs are redesigned:

• buttons are color-coded (in a way indicated in the #291 (closed) issue description)
• buttons and smileys are larger for better visibility

Smiley button group design

Normal view

Hover-over view (on the angry, red smiley)

Does this MR meet the acceptance criteria?

• I have added a changelog entry to reflect the significant changes I made. (not needed - only UI was changed)
• Tests were created to test the feature. (not needed - only UI was changed)
• I have updated the documentation accordingly. (not needed - only UI was changed)
• I adhere to the style guide.

This is currently shown in the MR. Could you take a look at these and see if you might be able to resolve them?

Thanks for picking this one up! When running it looks really nice. When you make a visual change in the future, don't forget to include an image so we can all see the change without having to run any code :)

changed the description

marked the checklist item I adhere to the style guide. as completed

added 1 commit

• 10e7d00b - Fix code quality issues

Compare with previous version

changed the description

marked the checklist item I have updated the documentation accordingly. (not needed - only UI was changed) as completed

marked the checklist item Tests were created to test the feature. (not needed - only UI was changed) as completed

marked the checklist item I have added a changelog entry to reflect the significant changes I made. (not needed - only UI was changed) as completed

approved this merge request

resolved all threads

approved this merge request

started a merge train

merged

mentioned in commit 3a82585b