eddiewebb Not sure if you're interested, and this isn't a major update, but I suggest adding the following CSS for small screens. I'm not submitting a pull request because this is just a few lines of CSS. If you like it, I figure you can add it to the repository.
CSS to add:
@media (max-width: 767px){
.fc-toolbar-chunk {
margin: 10px 5px 0px 0px;
display: flex;
}
}
@media (max-width: 400px){
.fc-toolbar-chunk {
transform: scale(0.7);
}
}
@media (max-width: 399px){
.fc-toolbar-chunk {
display: grid;
}
.fc-prev-button.fc-button.fc-button-primary,
.fc-next-button.fc-button.fc-button-primary {
margin-top: 10px;
}
}
Support for rules used (most browsers):
Before adding this CSS (see jumbled buttons):
After:
iPad mini:
Larger iPhone like an 8 Plus:
Small phone like an iPhone SE: