New layout for project runner settings
Dependencies
https://gitlab.com/gitlab-org/gitlab-ce/issues/26165 should be implemented before this one.
This issue is basically the design work done remotely just before the beginning of the world tour Amsterdam and can be used when doing the redesign of the settings at https://gitlab.com/gitlab-org/gitlab-ce/issues/23007 (saving it now to iterate later on)
Based on @marin feedback I did a quick mock for the runners settings view. This still uses the old/current filtering & search UI but can be easily adjusted when necessary. It however does take the upcoming change from settings gear icon towards tabs in mind from https://gitlab.com/gitlab-org/gitlab-ce/issues/23007
Design
Tabs configs have slightly different button layouts
Explanation like in cycle analytics:
note: the SVG is updated to have a slightly edited purple version of the illustration above
SVG: runner_illustration_v2.svg
Read more link: url
if no specific runners yet and you are on specific runners tab:
if there are no shared runners available and you are on the shared runners tab:
if there are no shared runners or specific runners available and you are on the all runners tab: