Update boolean search box and add tooltip

[JonellaCulmer]

History: #2051

What we're after: Usability testing revealed that users had trouble understanding they could use boolean symbols in the main search for AOs, MURs and Statutes. Therefore, we have made several changes to the "Find documents with..." pop-up box to help improve their use.

These changes include:

• Modify/add text to explain what each section of the pop-up accomplishes
  • Section 1 text: Use these search boxes to refine your search:
  • Section 2 text: Use these symbols in the main search box:
• Add an "or" dividing line to make it clear the user has options
• Update the symbols table, removing some of the dividing lines in the mini-table to make it flush with the page a bit more
• Add a tooltip to the "Keyword" search on the main search pages for AOs, MURs and Statutes
  • Tooltip text: Refine a keyword search by using AND, OR, “ ”, -, to expand or limit results.
• Test on internet explorer, ask content staff since they have a different IE build than devs

Designs

[johnnyporkchops]

@JonellaCulmer , Can you clarify this:
Update the symbols table, removing some of the dividing lines in the mini-table to make it flush with the page a bit more

[JonellaCulmer]

@johnnyporkchops Sure! Basically, remove the top and bottom border lines. In this implementation, I think they draw the eye too much.