Improve compatibility for web and mobile browsers

[afterdusk]

Problem

flop looks alright on desktop Chrome, but the input text fields look oversized in Firefox. Other browsers have not even been tested.

On mobile (and presumably tablets too), the interface is entirely broken. The page overflows the screen, text appears at the wrong size, input fields are misaligned. While the app is not meant to run with an optimal experience on mobile browsers, it should at least be usable.

Tasks

Web Browser Compat

• Add custom CSS for HTML elements for consistent look across browsers
• Verify page appears as intended on:
  • Chrome
  • Firefox
  • Safari
  • Opera
  • Edge

Mobile Compat

• Add mobile interface
• Verify mobile interface appears as intended on:
  • Android tablets
  • Android phones
  • iPads
  • iPhones