From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 15 May 2023 13:00:33 +0000 (+0200)
Subject: Fix the rendering of buttons in the visual editor
X-Git-Tag: 6.0.0_Alpha_1~97
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=ea77770859037293fb98de888d5ea642de9e8ce6;p=GitHub%2FWoltLab%2FWCF.git

Fix the rendering of buttons in the visual editor

There was no gap between buttons on smaller screen sizes.
---

diff --git a/wcfsetup/install/files/acp/style/acpStyleEditor.css b/wcfsetup/install/files/acp/style/acpStyleEditor.css
index 112a4f8093..c612467f8c 100644
--- a/wcfsetup/install/files/acp/style/acpStyleEditor.css
+++ b/wcfsetup/install/files/acp/style/acpStyleEditor.css
@@ -54,8 +54,10 @@ html[dir="rtl"] #spTable th { text-align: right; }
 #spInputDisabled { -webkit-text-fill-color: unset; }
 
 /* ### button ### */
+#spButton { display: flex; flex-wrap: wrap; gap: 5px; }
+#spButton .inlineList, #spButtonPrimary .inlineList { row-gap: 5px; }
 #spButton .button.disabled, #spButtonPrimary .button.disabled { cursor: default; }
-#spButtonPrimary { margin-top: 10px; }
+#spButtonPrimary { margin-top: 20px; }
 
 /* ### editor ### */
 #spEditorContent { border: 1px solid rgb(224, 224, 224); border-top-width: 0; min-height: 100px; padding: 10px; }