Fix group projects styles

Makes new project button visible when no projects are available.
Fixes #13193

app/assets/stylesheets/framework/common.scss

@@ -398,3 +398,19 @@ table {
   margin-right: -$gl-padding;
   border-top: 1px solid $border-color;
 }
+
+.search-area {
+  display: block;
+  border-bottom: 1px solid $table-border-color;
+  height: 50px;
+  
+  .search-controls {
+    float: right;
+
+    input[type='search'] {
+      float: left;
+      width: auto;
+      margin-right: 10px;
+    }
+  }
+}
\ No newline at end of file

app/views/groups/_projects.html.haml

 .top-area
   .nav-controls
     = form_tag request.original_url, method: :get, class: 'project-filter-form', id: 'project-filter-form' do |f|
-      = search_field_tag :filter_projects, params[:filter_projects], placeholder: 'Filter by name...', class: 'input-short project-filter-form-field form-control projects-list-filter', spellcheck: false, id: 'project-filter-form-field'
-    - if current_user && current_user.can_create_project?
-      = link_to new_project_path, class: 'btn btn-new' do
+      - if @projects.present?
+        = search_field_tag :filter_projects, nil, placeholder: 'Filter by name', class: 'projects-list-filter form-control', spellcheck: false
+      - if can? current_user, :create_projects, @group
+        = link_to new_project_path(namespace_id: @group.id), class: 'btn btn-new pull-right' do
           = icon('plus')
           New Project
 

app/views/groups/show.html.haml

@@ -32,7 +32,6 @@
     %li.active
       = link_to "#activity", 'data-toggle' => 'tab' do
         Activity
-    - if @projects.present?
     %li
       = link_to "#projects", 'data-toggle' => 'tab' do
         Projects