[directives display] - Code lines don't wrap

In a lot of exercises, some code lines are longer than the display column. To read the entire code, users have to resize the directive panel, which is not a solution, as he have to resize all panels after that to continue his work.
And if the user select the long code, he has no way to “come back” to the left of the directives (refreshing the page is a painful fallback, not an option).
I see two solutions for this issue:

  • change the way long <code> lines are displayed, so they break at some point OR have an horizontal scrollbar.
  • or add an horizontal scrollbar to the whole directive panel (which is ugly).

    What’s on this line ?

    Great, now, i’m stuck

I’m asking a couple of questions on this one – I’ll get back to you when I get answers.