Everything works fine on desktop Chrome, as well as the built-in Gnome browser. However, things are strange on desktop Firefox, Tablet/Phone Chrome, and Safari+Chrome on iPhone.
Upon page load, before the user has interacted with anything, we see this weirdness (no centering has occured, giant quarter circle in the Button, footer is lifted up from its base position):
After an interaction has been performed (say clicking Submit without filling things out, to cause a Notification to occur):
Another discovery: removing the NotificationCenter makes the button completely unclickable, so nothing can "jigger" the page to make the styles load if I do that.
Everything works fine on desktop Chrome, as well as the built-in Gnome browser. However, things are strange on desktop Firefox, Tablet/Phone Chrome, and Safari+Chrome on iPhone.
Upon page load, before the user has interacted with anything, we see this weirdness (no centering has occured, giant quarter circle in the Button, footer is lifted up from its base position):
After an interaction has been performed (say clicking![2017-05-01-185824_828x724_scrot](https://cloud.githubusercontent.com/assets/229679/25601508/7fe26f0c-2ea1-11e7-96b7-5ea3df8ea016.png)
Submit
without filling things out, to cause a Notification to occur):Any thoughts?