Fix code overflow

[pat-laugh]

Code sections take too much space at the right.

This fix keeps them wholly inside the inner section. Also, it makes the gray padding even on all sides, whereas right now there lacks padding at the right.

[benbalter]

Thanks! Can you provide a before / after screenshot?

[pat-laugh]

Notice in before screenshots the code sections don't align with the horizontal bar at the top.

Full screen before: Full screen after:

Small screen before (if user scrolls to the right): Small screen after (user can't scroll):

By the way, this makes another issue more evident in the case of long lines of code: Before: After: In both cases, if the user scrolls in the code section, it does something like this:

This probably has to do with the text within the code tag overflowing into the pre tag and the scroll bar being set inside the pre tag and not the code tag.

[benbalter]

Nice. Thanks @pat-laugh!