FirebaseUI form buttons out of view

Questions
1

Has anybody used FirebaseUI with F7?

I have managed to integrate it and it is working well. There just seems to be a display issue with the email/password sign-in form. The “Next” button seems out of view, as shown below:

image
image453×513 12.5 KB

image

Am guessing it is something to do with F7 css, but I can’t seem to find a solution.

Any ideas?

2

This is due to Framework7 button class applies by default 100% width.
Add to your stylesheet:
.firebaseui-button {
width: unset;
}