Refer to

\Google Drive\Classroom\Intro to Computer Science - Summer 2017 Summer 2017\U9A2 - Human Class

Make the error message line size consistent on screen so clicking through sketches with errors doesn't replace the position of the play button

Something like this:
https://github.com/beautify-web/js-beautify

improve readability of the console between sketches

This code for example should throw an error, but it's getting caught in the console, not the error message bar in GUI

void setup() {
    size(200,200);
    background(255);

}
void draw(){
    stroke(0);
    line(pmouseX,pmouseY,mouseX,mouseY);
    stokeWeight(abs(pmouseX-mouseX));
    fill(175);
    rectMode(CENTER);
    rect(mouseX, mouseY, 50 ,50);
}

Add and remove x# class to both sides of sketch and controls.