Clean up and refactor the triggers views

app/views/projects/triggers/index.html.haml

@@ -4,17 +4,26 @@
   .col-lg-3
     %h4.prepend-top-0
       = page_title
-    %p
-      Triggers can force a specific branch or tag to rebuild with an API call.
+    %p.prepend-top-20
+      Triggers can force a specific branch or tag to get rebuilt with an API call.
+    %p.append-bottom-0
+      = succeed '.' do
+        Learn more in the
+        = link_to 'triggers documentation', help_page_path('ci/triggers/README'), target: '_blank'
   .col-lg-9
-    %h5.prepend-top-0
-      Your triggers
+    .panel.panel-default
+      .panel-heading
+        %h4.panel-title
+          Manage your project's triggers
+      .panel-body
         - if @triggers.any?
           .table-responsive
             %table.table
               %thead
-            %th Token
-            %th Last used
+                %th
+                  %strong Token
+                %th
+                  %strong Last used
                 %th
               = render partial: 'trigger', collection: @triggers, as: :trigger
         - else
@@ -22,13 +31,28 @@
             No triggers have been created yet. Add one using the button below.
 
         = form_for @trigger, url: url_for(controller: 'projects/triggers', action: 'create') do |f|
-      = f.submit "Add Trigger", class: 'btn btn-success'
+          = f.submit "Add trigger", class: 'btn btn-success'
+
+      .panel-footer
+
+        %p
+          In the following examples, you can see the exact API call you need to
+          make in order to rebuild a specific
+          %code ref
+          (branch or tag) with a trigger token.
+        %p
+          All you need to do is replace the
+          %code TOKEN
+          and
+          %code REF_NAME
+          with the trigger token and the branch or tag name respectively.
 
         %h5.prepend-top-default
-      Use CURL
+          Use cURL
 
         %p.light
-      Copy the token above, set your branch or tag name, and that reference will be rebuilt.
+          Copy one of the tokens above, set your branch or tag name, and that
+          reference will be rebuilt.
 
         %pre
           :plain
@@ -42,12 +66,12 @@
         %p.light
           In the
           %code .gitlab-ci.yml
-      of the dependent project, include the following snippet.
-      The project will rebuild at the end of the build.
+          of another project, include the following snippet.
+          The project will be rebuilt at the end of the build.
 
         %pre
           :plain
-        trigger:
+            trigger_build:
               stage: deploy
               script:
                 - "curl -X POST -F token=TOKEN -F ref=REF_NAME #{builds_trigger_url(@project.id)}"