Resolve "Select branch dropdown is too close to branch name"

app/assets/stylesheets/pages/tree.scss

 .tree-holder {
+
   .nav-block {
     margin: 10px 0;
 
@@ -15,6 +16,11 @@
         .btn-group {
           margin-left: 10px;
         }
+
+        .control {
+          float: left;
+          margin-left: 10px;
+        }
       }
 
       .tree-ref-holder {

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

@@ -8,14 +8,15 @@
   = render "head"
 
 %div{ class: container_class }
-  .row-content-block.second-block.content-component-block.flex-container-block
+  .tree-holder
+    .nav-block
+      .tree-ref-container
         .tree-ref-holder
           = render 'shared/ref_switcher', destination: 'commits'
 
         %ul.breadcrumb.repo-breadcrumb
           = commits_breadcrumbs
-
-    .block-controls.hidden-xs.hidden-sm
+      .tree-controls.hidden-xs.hidden-sm
         - if @merge_request.present?
           .control
             = link_to _("View open merge request"), namespace_project_merge_request_path(@project.namespace, @project, @merge_request), class: 'btn'