In order to improve the readability of radio button descriptions, and still maintain the right size hierarchy between the label and description of radio buttons described by the WMF (the description font should be 2pt smaller than the label), we should:
- Increase the size of the radio button label from 14 to 16px (1rem). Line-height: 1.5. This way we also align the proportions of the line-height and the size of the radio button (1.5rem, 24px)
- Increase the size of the description text from 12 to 14px (0.875rem). Line-height: 1.6 (1.6rem). 👈🏻 The value of the line-height applied to the 14px font has been increased following Volker's input. The new value is following Vector.
- Decrease the property label size from 17.4 to 16px and change the color to #222 (Base10)