update reference list view component

[caseyhans]

This PR primarily focuses on refining the UI for the reference react component and html fragment.

Other changes include:

• Regex escaping for reference keyword highlighting to fix bugs from lists with parentheses, square brackets, etc.
• Reference tags are smaller with greater margins for better readability + compression
• Moved EPA button styles from epa-hawc.css to hawc.css to maintain button sizing across versions
• New CSS classes:
  • btn-tny for buttons smaller than btn-sm
  • outline-btn for clear buttons with gray border
  • clickable class now includes a brief animation on background color change
  • vw75 sets a max width of 75vw (75% of viewport width)

Reference Changes

Javascript component

Before

After: default view, abstract compressed, using new button classes

After: clicking on abstract text expands it into a scrollable view

HTML fragment

Before

After

Other changes

Update reference tag sizing and margins to improve readability

Before: conflict resolution view

After: conflict resolution view

Before: tagging view

After: tagging view

Update tagtree selection/hover style

Before

After

Prime button styles now match EPA for consistency

Before

After

[shapiromatron]

Wow, I'm really excited about these changes. Things look much better. Nice job!

I made a number of minor revisions; might want to browse the diffs to make sure you're ok with changes:

• f9639a9 css updates
• c16a08b open external links in new tabs; internal in same tab
• ca4fcfb add journal to django reference template
• 3d725d8 rename Imports to Source (may be search)
• 0d140a0 fix actions button on modal list

PS - nifty git command to build the list above :

git log -n 8 --format="* %h %s"