Fixing snippet search results page

https://gitlab.com/gitlab-org/gitlab/-/merge_requests/23780

app/assets/stylesheets/framework/snippets.scss

 .snippet-row {
   .title {
     margin-bottom: 2px;
+    font-weight: $gl-font-weight-bold;
   }
 
   .snippet-filename {
@@ -11,6 +12,10 @@
   .snippet-info {
     color: $gl-text-color-secondary;
   }
+
+  a {
+    color: $gl-text-color;
+  }
 }
 
 .snippet-form-holder .file-holder .file-title {

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

@@ -3,17 +3,22 @@
 - snippet_chunks = snippet_blob[:snippet_chunks]
 - snippet_path = gitlab_snippet_path(snippet)
 
-.search-result-row
-  %span
+.search-result-row.snippet-row
+  = image_tag avatar_icon_for_user(snippet.author), class: "avatar s40 d-none d-sm-block", alt: ''
+  .title
+    = link_to gitlab_snippet_path(snippet) do
       = snippet.title
+  .snippet-info
+    = snippet.to_reference
+    ·
+    authored
+    = time_ago_with_tooltip(snippet.created_at)
     by
     = link_to user_snippets_path(snippet.author) do
-      = image_tag avatar_icon_for_user(snippet.author), class: "avatar avatar-inline s16", alt: ''
       = snippet.author_name
-    %span.light= time_ago_with_tooltip(snippet.created_at)
-  %h4.snippet-title
-  .file-holder
-    .js-file-title.file-title
+
+  .file-holder.my-2
+    .js-file-title.file-title-flex-parent
       = link_to snippet_path do
         %i.fa.fa-file
         %strong= snippet.file_name

changelogs/unreleased/199060-fix-snippet-search-results.yml

+---
+title: Fix design of snippet search results page
+merge_request: 23780
+author:
+type: fixed