Improve ux of comment cards
General:
- Use staggered font sizes according to device size
- Use line height according to a11y recommendations
- Stop using random increase of icon size in icon buttons
Creators:
- Use different displaying of the voting score to save vertical space and explain meaning of this number
- Enhace wording of comment actions like reply, mark as correct etc.
Participants:
- Show info icons with lower opacity since there are no action for participants
- Make some minor adjustments
Previously/Now:
![](/-/project/14513497/uploads/83489d6072e9011876fbfeaa0e93df51/localhost_4200_edit_89995871_comments_iPhone_SE___7_.png)
![](/-/project/14513497/uploads/ec795eb341b107043e6a26467031afe8/localhost_4200_edit_89995871_comments_iPhone_SE___8_.png)
Previously/Now:
![](/-/project/14513497/uploads/7170d821178f08da685000022fe52bfa/localhost_4200_edit_89995871_comments_MDIP___20_.png)
![](/-/project/14513497/uploads/aca21a71174fe0c2eff754d072f5cf28/localhost_4200_p_89995871_comments_MDIP___3_.png)
Previously/Now:
![](/-/project/14513497/uploads/c4b2d932ee3e511a2aaaa4bb608f025a/localhost_4200_p_89995871_comments_iPhone_SE___18_.png)
![](/-/project/14513497/uploads/8191f00b14233d5ee09ff6b579bd5781/localhost_4200_p_89995871_comments_iPhone_SE___19_.png)
Previously/Now:
![](/-/project/14513497/uploads/2eeeb820a90fd4ab0427f075b2ebbcfd/localhost_4200_p_89995871_comments_MDIP___4_.png)
![](/-/project/14513497/uploads/c36e54cc3aaeb620b0a936a2f075a5e3/localhost_4200_p_89995871_comments_MDIP___5_.png)
Closes #822 (closed)
Edited by Lukas Weingarten