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 112a4f809363b580ec8e6f6b2cf4edd780deb7d3..c612467f8c213266674f2c46e15f182f21c982ed 100644 (file)
--- 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; }