Update search.html

[tdlowden]

I don't like the way this appears. Need some CSS help to get it across the finish line.

Addresses GSA/data.gov#4697

[tdlowden]

From playing with this in Dev Tools:

I am not savvy enough to make the link underlined and/or a better color, or to move this text closer under the search box. But I think those would both be good additions. Is there a CSS class for regular text we could apply?

[btylerburton]

Added some styling. Let me know what you think...

[tdlowden]

I do like the way this looks, thanks! Reflecting on it with fresh eyes, I am not sure my text is the best choice. using "search operators" may be confusing. I will think about plain language text here, but the styling is nice, thanks!

[btylerburton]

Don't see what you're looking for? For more info on how to search, please see "Search in Detail".?

[FuhuXia]

What does it look like with other UI elements?

[tdlowden]

Good catch, @FuhuXia. It just disappears eh?

Maybe I don't know enough front-end to have picked up this ticket 😕

[FuhuXia]

Good catch, @FuhuXia. It just disappears eh?

Maybe I don't know enough front-end to have picked up this ticket 😕

No. the screenshot I took is from prod, not from the changed theme. I just want to make sure the new text you added looks ok with other UI elements in terms of spacing and styling.

We can deploy your change to catalog-dev to see how it looks like with other UI elements.

[btylerburton]

I tested locally against the other error message to: "Please try another search.", which appears when you get no results, and it looked fine, but definitely worth testing that case as well. I can't recall if I did.

[btylerburton]

@tdlowden what's the status on this? you need any help from dev team to get it up on a test environment?

[tdlowden]

Yes, we kind of punted until we could get it up on dev to make sure it all worked well. The dev got screwy for a bit. I think we should try to push this to dev and QA

[btylerburton]

If this looks good in the UI, let's go for it!