From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 4 Aug 2023 09:39:17 +0000 (+0200)
Subject: Use a condensed layout for message buttons
X-Git-Tag: 6.0.0_Alpha_8~9
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=f357542ab490aad14a043e75f6ce0a9a934bfa2e;p=GitHub%2FWoltLab%2FWCF.git

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 6dbeaa8d8f..1736ff6770 100644
--- 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() {