[Modal] buttons margin-bottom inside actions is not applied

[ghabriel25]

Bug Report

At small screen (max-width 767.98px), buttons on actions wrapped inside element (e.g. <form>) will remove its margin-bottom because the current selector is like this

@media only screen and (max-width: 767.98px) {
    .ui.modal .actions > .button {
        margin-bottom: 1rem;
    }
}

Problem

At small screen, padding-bottom removed from .actions therefore all buttons wrapped inside element will appear at the bottom of modal's container

@media only screen and (max-width: 767.98px) {
    .ui.modal > .actions {
        padding: 1rem 1rem 0 !important;
    }
}

Codepen - https://codepen.io/ghabe/pen/raePqKb

Version

2.9.4