From f357542ab490aad14a043e75f6ce0a9a934bfa2e Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 4 Aug 2023 11:39:17 +0200
Subject: [PATCH] Use a condensed layout for message buttons

See https://www.woltlab.com/community/thread/300993-my-ui-ux-design-suggestions/
---
 wcfsetup/install/files/style/ui/tabMenuMessage.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

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() {
-- 
2.20.1