Adjust Wins page styling 1336

[erikaBell]

Fixes #1336

• In mobile only: make the heading ('let's celebrate together!') 32px (instead of 38px) - use rem units
• In mobile only: make the "Team(s)" and "Role(s)" sections the same font size- 15px - use rem units (currently one is 12px and one is 16px)
• Try to also add a little margin between all of these lines (person's name, Teams, Roles) to give it some breathing room- maybe something like 3px?
• Remove the margin-top from the volunteers' names on the wins cards
• Change desktop .wins-page-contain>ul.filter-list width to 40% (instead of 46%) so that filters are less wide
• Try to make only this header button ("Share your wins") use the properties of class ".btn-md-narrow" (smaller size) only in mobile - without affecting the mobile version of any other buttons on the site that use the same button classes (this might require adding the properties to mobile media query in .btn--wins)

Additional style changes were put on "...see more" (appears during mobile view), as the changes from issue #1336 altered their placement.

Adjustments to Wins Page Styling, mobile view

Filter List Re-size, full screen view

[erikaBell]

I think this issue fixes issue #1376 as well? @jbubar

[jbubar]

@erikaBell Nice work!
It would.. Ill go close that issue!
I dont have time to review until after sunday, but it looks great

[daniellex0]

Looks good @erikaBell ! The only change I have is:

In mobile only: make the "Team(s)" and "Role(s)" sections the same font size- 15px - use rem units (currently one is 12px and one is 16px)

To make sure these are 15px (in rem) in mobile (instead of 16px) :) - sorry I know it probably would make more sense if I wrote 16px on there lol, but trying to make these less prominent and not push the content in the card too far down/close to its bottom edge

[daniellex0]

Sorry about the delay, looks good! 👍

[jbubar]

Nice job