Narrower padding on KPageContainer might be too small for Perseus exercises with hints showing about kolibri-design-system HOT 2 OPEN

this seems like an issue with the Perseus renderer. I would expect the hints section to have a wider left margin to accommodate the "hints in the margin", regardless of what kind of container it's rendered in.

from kolibri-design-system.

The natural left boundary of the the exercise is where the grey line and the "4" is. It seems that perseus might actually just set el.style.left = <width of the hint label> in Javascript, since it's not in any of the CSS.

If we want to fix this in Perseus, we could had a similar inverse hack where we reduce width of the hint area by the same amount so left boundary of the hint label aligns with the left boundary of the whole exercise.

from kolibri-design-system.