Use a condensed layout for message buttons

See https://www.woltlab.com/community/thread/300993-my-ui-ux-design-suggestions/

diff --git a/wcfsetup/install/files/style/ui/tabMenuMessage.scss b/wcfsetup/install/files/style/ui/tabMenuMessage.scss
index 6dbeaa8d8f1007ce55ef06d01b9429a547674249..1736ff677097ea2b0b6666f0337ef54d5b899a07 100644 (file)
--- a/wcfsetup/install/files/style/ui/tabMenuMessage.scss
+++ b/wcfsetup/install/files/style/ui/tabMenuMessage.scss
@@ -129,6 +129,14 @@
        }
 }
 
+@include screen-xs {
+       .messageTabMenu + .formSubmit,
+       .messageFooter .formSubmit {
+               display: grid;
+               grid-auto-flow: column;
+       }
+}
+
 /* fix for Firefox - fieldsets are set to display: table-column which cause an odd gap between the fieldset
    and the next element, similar to gaps with display: inline-block and font-size > 0 */
 @-moz-document url-prefix() {