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 Currently it looks like: ![runnerspage](/uploads/6aa24dd616ca4d9d0686e404c4242066/runnerspage.png) ### Design Tabs configs have slightly different button layouts ![image](/uploads/6e19cf67f24bb1952dd8c654ce9c9923/image.png) ![image](/uploads/aa2b39d63538ef9c133b1c8f874c41af/image.png) ![image](/uploads/31d9fe02ccfb260dca8152f61e9e3f88/image.png) Explanation like in cycle analytics: ![image](/uploads/8eebae6e3eb8d0de6129861773933b40/image.png) __note:__ the SVG is updated to have a slightly edited purple version of the illustration above SVG: [runner_illustration_v2.svg](/uploads/6afb962125f72de480eb4c870df67f5a/runner_illustration_v2.svg) ![runner_illustration_v2.svg](/uploads/947aa4b8a6d920f11cfa727038fea18f/runner_illustration_v2.svg) Read more link: [url](https://about.gitlab.com/gitlab-com/settings/#shared-runners) Tooltips on statusses: ![runneronlinetooltip](/uploads/1b642a77d232b864089556e945023f37/runneronlinetooltip.png) ![runnerpausedtooltip](/uploads/c53f200e2a4eba46441a64616cecee48/runnerpausedtooltip.png) ![runnerofflinetooltip](/uploads/501c566be388697c3778c2cf29c94e31/runnerofflinetooltip.png) resulting in: ![image](/uploads/b6901c57d0cca34f1883abfffbdcbb0c/image.png) if no specific runners yet and you are on specific runners tab: ![image](/uploads/2e91900e62c0436175663005e856b7b3/image.png) if there are no shared runners available and you are on the shared runners tab: ![image](/uploads/8814c91d7639753131d33e36190f35d1/image.png) if there are no shared runners or specific runners available and you are on the all runners tab: ![image](/uploads/5663255f864c8499dd515e5b4a6de9a3/image.png) Setup specific runners view: ![image](/uploads/e785ae1494bfe0b8fcf245212588e059/image.png) cc: @markpundsack @awhildy
issue