UI improvements in search plugin

apps/remix-ide/src/app/tabs/locales/en/search.json

@@ -2,7 +2,7 @@
   "search.displayName": "Search in files",
   "search.replace": "Replace",
   "search.replaceAll": "Replace All",
-  "search.placeholder1": "Search ( Enter to search )",
+  "search.placeholder1": "Type to search",
   "search.placeholder2": "Include ie *.sol ( Enter to include )",
   "search.placeholder3": "Exclude ie .git/**/* ( Enter to exclude )",
   "search.matchCase": "Match Case",

libs/remix-ui/search/src/lib/components/Find.tsx

@@ -50,7 +50,7 @@ export const Find = () => {
             >
               <div
                 data-id="search_case_sensitive"
-                className={`monaco-custom-checkbox codicon codicon-case-sensitive ${state.casesensitive ? 'checked' : ''}`}
+                className={`monaco-custom-checkbox codicon codicon-case-sensitive mx-2 ${state.casesensitive ? 'checked' : ''}`}
                 role="checkbox"
                 aria-checked="false"
                 aria-label="Match Case"
@@ -70,7 +70,7 @@ export const Find = () => {
             >
               <div
                 data-id="search_whole_word"
-                className={`monaco-custom-checkbox codicon codicon-whole-word ${state.matchWord ? 'checked' : ''}`}
+                className={`monaco-custom-checkbox codicon codicon-whole-word mr-2 ${state.matchWord ? 'checked' : ''}`}
                 role="checkbox"
                 aria-checked="false"
                 aria-label="Match Whole Word"