Make search icon a button

[gs0510]

Currently the search icon in the header is not clickable, which can be deceiving if you go to click on it. Changing the icon to a button that can be clicked will solve this.

[IkehAkinyemi]

Before now, while working on the header I discovered the icon is a background-image that was set to non-repeat, so it's not an icon at all. And putting an icon to the search component would very beneficial, countering the deceptive status.

[IkehAkinyemi]

So I propose we remove the background-image and replace it with an actual SVG icon, lightweight and highly compatible with all browsers, including IE. @patricoferris @gs0510

[SanduniK95]

@patricoferris @gs0510 Hi! I'm an Outreachy applicant and would like to work on this issue

[gs0510]

@SanduniK95 I like @IkehAkinyemi 's idea of replace the background image with an SVG icon and making it clickable. Since @IkehAkinyemi already has worked on a good-first-issue you can do this. Thanks!

[pitag-ha]

@SanduniK95 , how is it going? :) Are you still working on this issue?

[SanduniK95]

@pitag-ha Yes, I'm working on it! I was having some issues with setting up the project but I'm working on it by referring to the replies of other people who seemed to have had the same problems

[guptadiksha307]

@pitag-ha Is this issue still open? If yes, I would like to work on this :)

[pitag-ha]

@guptadiksha307, I think it is still open. But notice that each Outreachy applicant can work on maximum one good-first-issue :)

[vishalsingh2972]

@gs0510 can you assign this to me if it's still open?