The "Import Data" button is using a browser-specific styling workaround

[FifthTundraG]

The "Import Data" button is not actually a button, it's an input element. Input elements cannot look like buttons. So, as a workaround, I decided to make a label for the input element that had all the CSS styling of a button. On Chrome, it works perfectly, you can't even tell it's not a real button.

The issue?

What if you're not using Chrome?

Uh oh.

See some screenshots below of how it looks on other browsers:

Safari:

What do we do about this?

There's three options: figure out how to make input elements into button elements, somehow convert the functionality of the "Import Data" input to something that works with a button element, or the least ideal one: creating our own styles for the buttons and not just using the browser default.

Or just leaving it as-is and hating it forever 🤷