Hide dropdown if all tests fit on one line; add counter to dropdown

app/assets/javascripts/build.js

@@ -135,12 +135,20 @@
 
     Build.prototype.displayTestStatuses = function() {
       $jobTopPosition = $('.build-job').first().offset().top;
+      $dropdownCounter = [];
 
-      $('.build-job').each(function() {
+      $('.build-job a').each(function() {
         if ($(this).offset().top > $jobTopPosition) {
+          $dropdownCounter.push($(this));
           $('.overflow-jobs > li').append($(this));
         }
       })
+
+      $('.more-tests').text('More (' + $dropdownCounter.length + ')');
+
+      if ($('.overflow-jobs > li > a').length == 0) {
+        $('.overflow-jobs-dropdown').hide();
+      }
     };
 
     return Build;

app/assets/stylesheets/pages/builds.scss

@@ -61,6 +61,16 @@
       margin-right: 3px;
     }
   }
+
+  .overflow-jobs-dropdown {
+    float: right;
+    padding: 7px 0 7px 5px;
+
+    .dropdown-menu-toggle {
+      width: auto;
+      border: none;
+    }
+  }
 }
 
 .build-header {

app/views/projects/builds/show.html.haml

@@ -7,24 +7,24 @@
 
   - builds = @build.pipeline.builds.latest.to_a
   - if builds.size > 1
+    .dropdown.overflow-jobs-dropdown
+      %button.dropdown-menu-toggle{type: 'button', 'data-toggle' => 'dropdown'}
+        %span.more-tests More
+        = icon('caret-down')
+      %ul.dropdown-menu.dropdown-menu-align-right.overflow-jobs
+        %li
     %ul.nav-links.no-top.no-bottom
       - statuses = ["failed", "pending", "running", "canceled", "skipped", "success"]
       - statuses.each do |build_status|
         - builds.select{|build| build.status == build_status}.each do |build|
-          %li{class: ('active' if build == @build) }
-            = link_to namespace_project_build_path(@project.namespace, @project, build), class: 'build-job' do
+          %li.build-job{class: ('active' if build == @build) }
+            = link_to namespace_project_build_path(@project.namespace, @project, build) do
               = ci_icon_for_status(build.status)
               %span
                 - if build.name
                   = build.name
                 - else
                   = build.id
-    .dropdown
-      %button.dropdown-menu-toggle{type: 'button', 'data-toggle' => 'dropdown'}
-        %span Test Name
-        = icon('chevron-down')
-      %ul.dropdown-menu.overflow-jobs
-        %li
 
       - if @build.retried?
         %li.active