Improve prototype

app/views/runners/index.html.haml

-- if params[:q] == "1"
-  %h3 Specific runners
-  .bs-callout.help-callout
-    %h4 How to setup a new project specific runner
-    %ol
-      %li
-        Install GitLab Runner software.
-        Checkout the #{link_to 'GitLab Runner section', 'https://about.gitlab.com/gitlab-ci/#gitlab-runner', target: '_blank'} to install it
-      %li
-        Specify following URL during runner setup:
-        %code #{root_url(only_path: false)}
-      %li
-        Use the following registration token during setup:
-        %code #{@project.token}
-      %li
-        Start runner!
-  - @runners = 10.times.map { Runner.first }
-
-  %table.table
-    %thead
-      %tr
-        %th ID
-        %th Type
-        %th Runner token
-        %th Description
-        %th Last build
-        %th Tags
-        %th Last contact
-        %th
-
-    = render @runners
-
-- elsif params[:q] == "2"
-
-  %h3 Shared runners
-
-  - @runners = 10.times.map { Runner.first }
-
-  .alert.alert-warning
-    Put text about secutiry impact of using shared runner
-    %hr
-    = link_to 'Stop using shared runners', '#', class: 'btn btn-warning'
-
-  %table.table
-    %thead
-      %tr
-        %th ID
-        %th Type
-        %th Runner token
-        %th Description
-        %th Last build
-        %th Tags
-        %th Last contact
-        %th
-
-    = render @runners
-
-- else
-  %p
-    A 'runner' is a process which runs a build.
-    You can setup as many runners as you need.
-    %br
-    Runners can be placed on separate users, servers, and even on your local machine.
-  %hr
-  %p.lead To start serving your builds you can either use shared runners or add specific runners to your project
-
-  .row
-    .col-sm-6
-      %h4 Specific runners
-      .alert.alert-success
-        Put text about specific runners
-        %hr
-        = link_to 'Add specfic runner', '#', class: 'btn btn-new'
-    .col-sm-6
-      %h4 Shared runners
-      .alert.alert-warning
-        Put text about secutiry impact of using shared runner
-        %hr
-        = link_to 'Use shared runners', '#', class: 'btn btn-warning'
-      %h5 Available shared runners:
-      %ul
-        - 7.times do |i|
-          %li
+%p
+  A 'runner' is a process which runs a build.
+  You can setup as many runners as you need.
+  %br
+  Runners can be placed on separate users, servers, and even on your local machine.
+%hr
+%p.lead To start serving your builds you can either add specific runners to your project or use shared runners
+.row
+  .col-sm-7
+    %h4 Specific runners
+    .well
+      %h4 How to setup a new project specific runner
+      %ol
+        %li
+          Install GitLab Runner software.
+          %br
+          Checkout the #{link_to 'GitLab Runner section', 'https://about.gitlab.com/gitlab-ci/#gitlab-runner', target: '_blank'} to install it
+        %li
+          Specify following URL during runner setup:
+          %br
+          %code #{root_url(only_path: false)}
+        %li
+          Use the following registration token during setup:
+          %code #{@project.token}
+        %li
+          Start runner!
+    - @runners = 10.times.map { Runner.first }
+    %h5
+      %strong Enabled runners:
+    %ul
+      - 3.times do |i|
+        %li.alert-success
+          %p
+            runner-description
+            %span.label.label-info ruby
+    %h5
+      %strong Available specific runners:
+    %ul
+      - 7.times do |i|
+        %li
+          %p
             runner-description
             %span.label.label-info ruby
             %span.label.label-info postgres
             %span.label.label-info nodejs
-        = link_to 'and 12 more', '#'
-
+            %span.pull-right
+              %a.btn.btn-tiny Enable
+  .col-sm-5
+    %h4 Shared runners
+    .alert.alert-warning
+      Put text about secutiry impact of using shared runner
+      %hr
+      = link_to 'Use shared runners', '#', class: 'btn btn-warning'
+    %h5 Available shared runners:
+    %ul
+      - 7.times do |i|
+        %li
+          runner-description
+          %span.label.label-info ruby
+          %span.label.label-info postgres
+          %span.label.label-info nodejs
+      = link_to 'and 12 more', '#'