Global Search - Add spacing/border to code results

This change adds the top border
to the code results search page.

This change also adds additional
margin between the results.

Changelog: changed

app/assets/stylesheets/framework/files.scss

@@ -15,6 +15,16 @@
   border-top: 0;
   border-radius: $border-radius-default;
 
+  &.file-holder-top-border {
+    border-top: 1px solid $border-color;
+
+    .file-title {
+      // Prevents the top border getting clipped by the background
+      border-top-left-radius: $border-radius-default;
+      border-top-right-radius: $border-radius-default;
+    }
+  }
+
   &.file-holder-no-border {
     border: 0;
   }

app/assets/stylesheets/pages/search.scss

@@ -13,10 +13,6 @@ $search-sidebar-max-width: 300px;
       border-bottom: 0;
     }
   }
-
-  .blob-result {
-    margin: 5px 0;
-  }
 }
 
 .search-sidebar {

app/views/search/results/_blob_data.html.haml

-.blob-result{ data: { qa_selector: 'result_item_content' } }
-  .file-holder
+.blob-result.gl-mt-3.gl-mb-5{ data: { qa_selector: 'result_item_content' } }
+  .file-holder.file-holder-top-border
     .js-file-title.file-title{ data: { qa_selector: 'file_title_content' } }
       = link_to blob_link, data: {track_event: 'click_text', track_label: 'blob_path', track_property: 'search_result'} do
         = sprite_icon('document')