Force buttons to be of equal width

See https://www.woltlab.com/community/thread/301022-buttons-with-different-sizes-in-the-mobile-resolution/

diff --git a/wcfsetup/install/files/style/ui/tabMenuMessage.scss b/wcfsetup/install/files/style/ui/tabMenuMessage.scss
index 1736ff677097ea2b0b6666f0337ef54d5b899a07..2d9e26a1a08222496a00798aeae0aba93ce2ea9a 100644 (file)
--- a/wcfsetup/install/files/style/ui/tabMenuMessage.scss
+++ b/wcfsetup/install/files/style/ui/tabMenuMessage.scss
@@ -132,8 +132,15 @@
 @include screen-xs {
        .messageTabMenu + .formSubmit,
        .messageFooter .formSubmit {
+               column-gap: 10px;
                display: grid;
+               grid-auto-columns: 1fr;
                grid-auto-flow: column;
+
+               .button {
+                       margin-left: 0;
+                       margin-right: 0;
+               }
        }
 }