Legal resources "more keyword options" modal and related tooltip for keyword search is updated

[JonellaCulmer]

What we're after:**

Update the layout of the "More keyword options" modal to better clarity with search options. Tooltip language, which is related to the function of the keyword search box, can also be edited along with this work.

Completion criteria

• [ ] Modal layout is updated
• [ ] Tooltip language is written and approved

[JonellaCulmer]

@patphongs Draft language for tooltip: Refine a keyword search by using + (and), | (or), " " (exact phrase), - (but not), to expand or limit results.

Here are two layout options for the "More keyword options" modal. I'm leaning towards option 1 because on smaller widths it's going to stack anyway. But I'm concerned about the spacing for a future state with validation.

With validation:

[patphongs]

Thanks @JonellaCulmer, I like option where the input boxes stack as well. What do you think about retaining the width when stacked?

[JonellaCulmer]

@patphongs No objections to keep that width. The field's width should suggest what the boxes will accept. So if there is a character limit the boxes should match that. For example, a telephone number text field would be much smaller since it doesn't require that many characters.

If you don't think that's an issue here, I don't object. Since we don't have a firm plan for other boolean operators this may have to change again, but that's less of a concern.

[patphongs]

No objections to keep that width. The field's width should suggest what the boxes will accept. So if there is a character limit the boxes should match that.

Ok thanks @JonellaCulmer, let's go with something like that then. Yes no char limit on the boxes, so they can type as much as they want. If we start to make refinements to allow exact string with and and or boolean options, these input boxes may grow.

[JonellaCulmer]

Closing this ticket in favor of:

• [ ] Remove symbols from "more keyword options" box on legal searches