feat: update search panel styles

Author: devvaannsh

src/htmlContent/search-panel.html

@@ -1,10 +1,8 @@
 <div id="{{panelID}}" class="search-results bottom-panel vert-resizable top-resizer no-focus">
     <div class="toolbar simple-toolbar-layout">
         <div class="title"></div>
-        <a href="#" class="close">&times;</a>
     </div>
-    <div style="display: flex; height: calc(100% - 27px);">
-<!--27 px is status bar height. If this is not set, the preview code mirror editor gives weird layout issues at times-->
+    <div style="display: flex; height: calc(100% - 36px);">
         <div class="table-container" style="width: 50%; height: 100%;"></div>
         <div class="search-editor-preview" style="width: 50%; height: 100%;"></div>
     </div>

src/search/SearchResultsView.js

@@ -329,12 +329,6 @@ define(function (require, exports, module) {
         var self = this;
         this._panel.$panel
             .off(".searchResults")  // Remove the old events
-            .on("dblclick.searchResults", ".toolbar", function() {
-                self._panel.hide();
-            })
-            .on("click.searchResults", ".close", function () {
-                self._panel.hide();
-            })
             // The link to go the first page
             .on("click.searchResults", ".first-page:not(.disabled)", function () {
                 self._currentStart = 0;

src/styles/brackets.less

@@ -1908,11 +1908,14 @@ a, img {
 
 /* Find in Files results panel - temporary UI, to be replaced with a richer search feature later */
 
+.search-results .toolbar {
+    padding: 5px 8px;
+}
 .search-results .title {
     .sane-box-model;
-    padding-right: 20px;
+    margin-left: 4px;
     width: 100%;
-    line-height: 25px;
+    line-height: 26px;
 
     .flex-box;
     .contracting-col {