Improve usability when setting up runners on GitLab

Currently setting up/editing/or even checking the details of a runner has a really bad user experience.

Project's settings

I find it super hard to find what I need in the project's settings, everything is in one big block:

I can't ever tell each column should I look every time I check the runners in the settings:

If I click on the link of the runner's id, I go to a non-editable view that is not accessible in the admin's settings. It feels weird that I can't check the details without going to the edit form

what does the specific blue thing mean? There's anything else styled like that on GitLab, I think

Admin's settings

Show page

On the admin's settings I found it hard to understand too:

• the restricted area has a blue bg with red buttons
• the restricted area is super confusing, it took me a while to understand what was I supposed to do here.
• the save button for half the page also makes it a little confusing - do I need to save after enabling/disabling a project?

Index page

• There are blocks with a light grey that is almost unnoticeable: