Render plugins list on system hooks page

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/views/admin/hooks/_form.html.haml

 = form_errors(hook)
 
 .form-group
-  = form.label :url, 'URL', class: 'control-label'
-  .col-sm-10
+  = form.label :url, 'URL', class: 'label-light'
   = form.text_field :url, class: 'form-control'
 .form-group
-  = form.label :token, 'Secret Token', class: 'control-label'
-  .col-sm-10
+  = form.label :token, 'Secret Token', class: 'label-light'
   = form.text_field :token, class: 'form-control'
   %p.help-block
     Use this token to validate received payloads
 .form-group
-  = form.label :url, 'Trigger', class: 'control-label'
-  .col-sm-10.prepend-top-10
-    %div
+  = form.label :url, 'Trigger', class: 'label-light'
+  %ul.list-unstyled
+    %li
+      .help-block
         System hook will be triggered on set of events like creating project
         or adding ssh key. But you can also enable extra triggers like Push events.
 
@@ -24,21 +23,21 @@
           %strong Repository update events
         %p.light
           This URL will be triggered when repository is updated
-    %div
+    %li
       = form.check_box :push_events, class: 'pull-left'
       .prepend-left-20
         = form.label :push_events, class: 'list-label' do
           %strong Push events
         %p.light
           This URL will be triggered for each branch updated to the repository
-    %div
+    %li
       = form.check_box :tag_push_events, class: 'pull-left'
       .prepend-left-20
         = form.label :tag_push_events, class: 'list-label' do
           %strong Tag push events
         %p.light
           This URL will be triggered when a new tag is pushed to the repository
-    %div
+    %li
       = form.check_box :merge_requests_events, class: 'pull-left'
       .prepend-left-20
         = form.label :merge_requests_events, class: 'list-label' do
@@ -46,8 +45,7 @@
         %p.light
           This URL will be triggered when a merge request is created/updated/merged
 .form-group
-  = form.label :enable_ssl_verification, 'SSL verification', class: 'control-label checkbox'
-  .col-sm-10
+  = form.label :enable_ssl_verification, 'SSL verification', class: 'label-light checkbox'
   .checkbox
     = form.label :enable_ssl_verification do
       = form.check_box :enable_ssl_verification

app/views/admin/hooks/index.html.haml

 - page_title 'System Hooks'
-%h3.page-title
-  System hooks
-
-%p.light
+.row.prepend-top-default
+  .col-lg-4
+    %h4.prepend-top-0
+      = page_title
+    %p
       #{link_to 'System hooks ', help_page_path('system_hooks/system_hooks'), class: 'vlink'} can be
       used for binding events when GitLab creates a User or Project.
 
-%hr
-
-= form_for @hook, as: :hook, url: admin_hooks_path, html: { class: 'form-horizontal' } do |f|
+  .col-lg-8.append-bottom-default
+    = form_for @hook, as: :hook, url: admin_hooks_path do |f|
       = render partial: 'form', locals: { form: f, hook: @hook }
-  .form-actions
       = f.submit 'Add system hook', class: 'btn btn-create'
-%hr
 
-- if @hooks.any?
+    %hr
+
+    - if @hooks.any?
       .panel.panel-default
         .panel-heading
           System hooks (#{@hooks.count})
@@ -31,3 +31,5 @@
                   - if hook.public_send(event)
                     %span.label.label-gray= event.to_s.titleize
                 %span.label.label-gray SSL Verification: #{hook.enable_ssl_verification ? 'enabled' : 'disabled'}
+
+= render 'shared/plugins/index'

app/views/shared/plugins/_index.html.haml

@@ -13,8 +13,8 @@
       %ul.content-list
         - plugins.each do |file|
           %li
-            %span.title
+            = boolean_to_icon true
             = File.basename(file)
     - else
-      %p.settings-message.text-center.append-bottom-0
+      %p.light-well.text-center
         No plugins found.