MVP UX tweaks to Eregs frontend

[johnnyporkchops]

Summary

What we're after:
In keeping with our effort to maintain an MVP of Eregs, there are some simple UX tweaks to the frontend that would prevent us from perpetuating two glaring UX inconsistencies:

1. Defining icons that do not exist in our instance of the app.(see Screenshot-1 below).
   (reported in issue e-regs right-sidebar still notes some of the removed features/buttons #533)

2. In Mobile view, the regulations are obscured by the TOC. Without the toggle btn, the user has no way of hiding it to view regulations content underneath. (GIF-0 below)
   Reported in On mobile, TOC remains open on top of content #476 and
   eRegs display issue: TOC covers part of text on mobile devices  #449

• Other proposed change: Since we will remove the magnifying glass in the Help sidebar and there is no link to search, should we simply incorporate the a link to /regulations in the help-sidebar, which brings users back to the only page with regs-specific search box. (GIF-2 below)

Completion criteria

• For TOC toggle: Set CSS on .toc-head to z-index: 200 , margin-top: .4rem , and margin-left: 200px here.

• To remove unused icons and add search link: On regulations-site repo Edit generic_help.html template

  • Remove all but the left and right arrow icons
  • Add proposed link for Search to /regulations in this sidebar to bring user back to searchbox on Eregs homepage

Tech steps or considerations (optional)

• The LOE for editing this is minimal and it removes some glaring UX inconsistencies
• Doublecheck old commits to see if there is a reason why the toggle arrow is hidden (Did it not work in IE or something?)
• Should we do a PR in regulations-site repo to keep track of MVP tweaks like this? --in the past we have been just committing to Master for the peripheral repos like(site, core, etc.), but as we continue to maintain the MVP indefinitely, it may be in our best interest to document changes for this and future tweaks. UPDATE: Yes, ir was decided by team members to make PRs to peripheral repos for recent changes.

Sceenshot-1: Help Sidebar Icons:

---

GIF-0: Mobile TOC Toggle to show obscured content:

---

GIF-1: Desktop TOC Toggle:

---

GIF-2 : Link back to searchbox on Eregs home