Trained students popover not available on mobile

[ragesoss]

On staging, the login button is beneath the logo on mobile, rather than top left.

Also, the popovers are no longer working on mobile.

[ntdb]

I intentionally moved the login button below the logo on mobile to make the use of space consistent across login states. There's not enough room for the link on the top right in mobile. Ideal solution here is to use icons for menu on mobile.

Popovers have never worked on mobile due to the lack of hover state. What would an ideal replacement be? Will add tap-to-display functionality for popovers.

[ntdb]

Login button location is fixed in course_pages branch.

Will discuss possible solutions for displaying trained student counts on mobile with Ivan. Tap-to-display is functional but there's nothing in the designs to indicate that functionality.

[ntdb]

Desired improvements for the css-driven "popovers" (in order of current priority):

• Change CSS classes to use the term "tooltips" to avoid confusion with React-driven popovers
• Bump font size up to 15px (needs to be more legible)
• Adjust implementation for improved sizing/locating
  • Smart width/height based on window and content size
  • Left/right/top/bottom based on available space in window
• Add indicators to triggers (no hover state on mobile). Maybe a dotted underline or an :after icon
• Ensure mobile functionality (tap-to-open)

Using a library for this is totally fine, Tether might be a good place to start. It would also be cool to use React for this but we would need to "Reactify" the index page in order to use the tooltips there as well.

[ragesoss]

Cannot replicate anymore. Likely this was a browser implementation that now handles this automatically.