Skip to content

Increase width of label column on /labels page

Problem

As mentioned in &2256 (comment 316422139), many labels (particularly scoped ones) are truncated to the point where they are either illegible, or indistinguishable from others.

Solution

Increase the width of the div that contains the label in each row by 50px. Why 50px? It seemed just enough to increase the legibility of most impacted labels, while not making the shorter labels too far from their descriptions. A few labels will still have truncation, but will overall be more legible.

In a future iteration, using an actual table would help because the label column could expand to the width of the longest label on each page, where today they are independent divs that are unaware of other widths.

Note, this does not impact the mobile view.

Before After
Screen_Shot_2020-04-10_at_7.36.06_AM Screen_Shot_2020-04-10_at_7.36.38_AM
Screen_Shot_2020-04-10_at_7.37.51_AM Screen_Shot_2020-04-10_at_7.38.13_AM

/cc @katrinleinweber

Edited by Jeremy Elder