Too much space between stats lines on work blurbs

Description

We overcompensated when we implemented the fix for AO3-5420: now there is too much space when a work blurb's stats wrap across two lines, making the lines feel disconnected.

This problem is more noticeable when browsing on a Mac than on Windows: Macs display the stats lines (and most of the site) in the font Lucida Grande, which has more vertical space built in to the font itself than the Windows font Lucida Sans Unicode.

However, Windows users may notice that there is more space between the stats lines (which were given line-height: 2.143 in AO3-5420) than the lines of tags (which have line-height: 1.5).

For consistency on Windows and prettiness on Mac, we should therefore reduce the line-height of the stats from 2.143 to 1.5.

Testing

On a Windows machine, a wrapped stats line should look roughly like the screenshot seen in the first comment of AO3-5420.

Activity

Show:
Angela Wilson
January 20, 2019, 1:20 PM

Submitted a PR

Sarken
April 4, 2019, 10:53 AM

On the left is production and on the right is staging – definitely less space now! I’m on Safari 12.0.3 on MacOS 10.14.3.

Nerine Luna Cyran
April 5, 2019, 2:31 AM

Staging is on the left, production on the right. Less space on staging.
I’m on Chrome Version 73.0.3683.86 (Official Build) (64-bit) on Windows 10 Version 1803

Lady Oscar
April 11, 2019, 1:50 AM

Looks good!

DeployedToBeta

Assignee

Angela Wilson

Reporter

Sarken

Roadmap

Works

Priority

Medium

Affects versions

Fix versions

Components

FrontEnd

Difficulty

Easy

Milestone

Internal 0.9