Updated clear search results button

ghost/sodo-search/src/components/PopupModal.js

@@ -1,7 +1,6 @@
 import Frame from './Frame';
 import AppContext from '../AppContext';
 import {ReactComponent as SearchIcon} from '../icons/search.svg';
-import {ReactComponent as ClearIcon} from '../icons/delete.svg';
 import {useContext} from 'react';
 
 const React = require('react');
@@ -149,14 +148,16 @@ function ClearButton() {
         return null;
     }
     return (
-        <ClearIcon
-            className='ml-3 fill-neutral-400 cursor-pointer' alt='Clear'
+        <button
+            className='ml-3 text-sm text-neutral-500 underline' alt='Clear'
             onClick={() => {
                 dispatch('update', {
                     searchValue: ''
                 });
             }}
-        />
+        >
+            Clear
+        </button>
     );
 }
 

ghost/sodo-search/src/icons/delete.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="16" width="16"><path d="M24,12A12,12,0,1,0,12,24,12,12,0,0,0,24,12Zm-7.29,3.28a1,1,0,0,1,0,1.41,1,1,0,0,1-1.42,0l-3.11-3.11a.26.26,0,0,0-.35,0L8.72,16.69a1,1,0,0,1-1.41-1.41l3.11-3.11a.26.26,0,0,0,0-.35L7.31,8.71a1,1,0,0,1,0-1.42,1,1,0,0,1,1.41,0l3.11,3.11a.24.24,0,0,0,.35,0l3.11-3.11a1,1,0,1,1,1.42,1.42L13.6,11.82a.24.24,0,0,0,0,.35Z"></path></svg>