Website: Team Page Improvements

[cchrischen]

Summary

This PR includes several fixes in the recent visual audit for the team page. It also adds functionality for the pie chart to keep track of unique colleges now that it is tracked in the idol profile.

• Center Beyond DTI text
• Standardize font size and font family for member card names and role pills
• Remove shadow from member cards.

Other additions

• Standardize gaps between headers and text.
• Reduce gap between left red border and text in pie chart chart stats, as well as shrinking left border to fit text
• Correct alt text

Notion/Figma Link

Figma Center body text Card shadow Use same font for roles pills

Test Plan

Before: After:

Member Card Before: Member Card After:

College pie chart was tested by manually adding college field to some users.

Notes

Happy Thanksgiving! 🦃

[dti-github-bot]

[diff-counting] Significant lines: 80.