fix: made close button styling consistent to other panels close button

Author: devvaannsh

src/extensionsIntegrated/CustomSnippets/htmlContent/snippets-panel.html

@@ -18,9 +18,7 @@
             <div id="filter-snippets-panel" class="filter-snippets-panel">
                 <input id="filter-snippets-input" type="text" placeholder="Filter..." autocomplete="off" />
             </div>
-            <div id="close-custom-snippets-panel-btn">
-                <button><i class="fas fa-times"></i></button>
-            </div>
+            <a href="#" class="close" id="close-custom-snippets-panel-btn">&times;</a>
         </div>
     </div>
 

src/styles/Extn-CustomSnippets.less

@@ -93,6 +93,10 @@
     top: 0.6px;
 }
 
+#custom-snippets-panel .close {
+    padding-top: 2.5px;
+}
+
 .filter-snippets-panel {
     display: inline-block;
 }
@@ -107,23 +111,7 @@
     min-width: 120px;
     margin-bottom: 0;
     margin-top: -4px;
-}
-
-#close-custom-snippets-panel-btn button {
-    background: transparent;
-    border: none;
-    outline: none;
-    font-size: 13px;
-    opacity: 0.7;
-    color: @bc-text;
-
-    .dark & {
-        color: @dark-bc-text;
-    }
-
-    &:hover {
-        opacity: 0.9;
-    }
+    margin-right: 30px;
 }
 
 #custom-snippets-list.hidden {