Restyle search page

app/assets/stylesheets/generic/common.scss

@@ -341,3 +341,18 @@ table {
 .footer-links a {
   margin-right: 15px;
 }
+
+.search_box {
+  position: relative;
+  padding: 30px;
+  text-align: center;
+  background-color: #F9F9F9;
+  border: 1px solid #DDDDDD;
+  border-radius: 0px;
+}
+
+.search_glyph {
+  color: #555;
+  font-size: 42px;
+}
+

app/views/search/_project_results.html.haml

@@ -13,9 +13,12 @@
         = render partial: "search/results/blob", collection: @search_results[:blobs]
         = paginate @search_results[:blobs], theme: 'gitlab'
       - else
-        %span We couldn't find any matching code
+        = render partial: "search/results/empty", :locals => { message: "We couldn't find any matching code" }
   - else
-    %ul.bordered-list
-      = render partial: "search/results/merge_request", collection: @search_results[:merge_requests]
-      = render partial: "search/results/issue", collection: @search_results[:issues]
-      = render partial: "search/results/note", collection: @search_results[:notes]
+    - if (@search_results[:merge_requests] || @search_results[:issues] || @search_results[:notes]).length > 0
+      %ul.bordered-list
+        = render partial: "search/results/merge_request", collection: @search_results[:merge_requests]
+        = render partial: "search/results/issue", collection: @search_results[:issues]
+        = render partial: "search/results/note", collection: @search_results[:notes]
+    - else
+      = render partial: "search/results/empty", :locals => { message: "We couldn't find any issues, merge requests or notes" }

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

+.search_box
+  .search_glyph
+    %span.icon-search
+  %h4 #{message}