Distance between header & top of node should be 48px. (slightly different from what the designs are currently)

I tried to use a grid when designing this, but it's an uneven number of columns so it wasn't centred perfectly. Just center the entire thing in the middle & ignore my weird positioning.

There are some areas where there is a paragraph of copy ~2 sentences long. If we don't set a max width, then the entire UI stretches and centering looks weird (to me). I currently have it set to 700px. Let me know if that needs fixing.

I was thinking the main column would have a container and everything would fit within that 460px wide container.

An example with a paragraph of text.

Note: I changed the access token placeholder to "Your Github access token" since they are referred to as "personal access tokens" on the Github site.

James Dumay if we receive an error at the end of Github, we currently do display an error step, although the copy is a little different since we are responding to an error in a specific step in the workflow. I also added a more generic error step that is capable of showing an excerpt of the error message returned by the server.

It's possible there are some service calls are missing the right logic, but perhaps that can be done as part of a separate ticket? They aren't really "design tweaks" in my view (it would also help to keep the PR more targeted)

PR: https://github.com/jenkinsci/blueocean-plugin/pull/869/files