on hover, only change button of search tag

[binyamin]

💥 Proposal

What feature you'd like to see

When hovering on the selected search query, the current behavior is to change the color of the entire element. (See below)

I propose that only the button (the "x" over which the cursor appears in the image above) should produce an action, and not the rest of the element.

Motivation

I just found Octobox recently. This is one of the first things that annoyed me, so I decided to be useful with it :wink:.

Pitch

• The only action that the current search query element exposes is the button action (removing/clearing the query).
• Ironically, I only realized that the "click area" extends past the "x" after I opened the issue. Originally, I assumed that the rest of the element did nothing.
• In my mind, if clicking on the query itself had an action, the action would be to isolate that query and remove all other queries. (See below, where there are multiple queries)

[andrew]

Sounds like a nice little UX change, would you be interested in taking a stab at implementing it?

[binyamin]

Sure! By the way, do you mind if I make a PR reorganizing the readme? IMHO it's pretty cluttered right now.

[andrew]

@b3u sure, that'd be great!