Currently in CX2, the text in the content area (source and translation) and the way to highlight it look small. We need to adjust the following:
- Make the text to be the standard 1em (16px).
- Make the highlight to extend 4px beyond the text.
Below the current state and the proposed adjustments are illustrated.
Current state
Proposed changes
A possible set of CSS adjustments to support these changes are included below for reference:
.cx-highlight {
box-shadow: 0 0 0 4px #fef6e7;
}
.mw-body-content {
font-size: 1em;
}