fix(r&w): font sizes and row gap

[mlbrgl]

closes #3265, #3264

Small design fixes to the research and writing block used on topic pages, and soon on author pages (#3224)

Testing page: http://staging-site-fix-style-research-writing/co2-and-greenhouse-gas-emissions#research-writing

see figma

[mlbrgl]

• Add author work #3257
• Add author header #3256
• fix(r&w): font sizes and row gap #3263 👈
• fix(vite): remove discrepancy between dev and prod css imports #3282
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @mlbrgl and the rest of your teammates on Graphite

[mrwbkrm]

Hey @mlbrgl, this looks much better already. I have 2 notes:

• the space between the section with Medium thumbnails and the title of the section with Small thumbnails is the same as the space between the title and the the Small thumbnails — it's not easy to explain so you'll see those 2 spaces highlighted with pink arrows in the screenshot. The space between the 2 sections should be bigger than the space between the title and the Small thumbnails within that section (I had them as 32 and 24 px respectively)
• The spacing marked in purple is much bigger than the spacing between the medium thumbnails. I think 32px should be enough

[ikesau]

Code's fine by me once Marwa's happy how it looks 🙂

[mlbrgl]

@mrwbkrm thanks! I reorganized things a bit internally and made the vertical margins more consistent and accurate across the whole block. I left you a comment in figma re grid gap in medium vs small thumbnails.

Updated http://staging-site-fix-style-research-writing/co2-and-greenhouse-gas-emissions#research-writing

[mlbrgl]

Row spacing is now different depending on the section:

• medium thumbnails: 40px
• small thumbnail: 32px

figma thread

[mlbrgl]

Merge activity

• Mar 4, 9:56 AM EST: @mlbrgl started a stack merge that includes this pull request via Graphite.
• Mar 4, 9:58 AM EST: Graphite rebased this pull request as part of a merge.
• Mar 4, 9:59 AM EST: @mlbrgl merged this pull request with Graphite.