Add a spacer for notices above the editor

Fixes WoltLab/com.woltlab.wbb#592

diff --git a/wcfsetup/install/files/style/ui/ckeditor.scss b/wcfsetup/install/files/style/ui/ckeditor.scss
index c629f1b55ddd259e84f2ca7bbbddea61bc63fdb6..c9744297337b2fe56db5ba2bdf4cc10059bc7d61 100644 (file)
--- a/wcfsetup/install/files/style/ui/ckeditor.scss
+++ b/wcfsetup/install/files/style/ui/ckeditor.scss
@@ -314,6 +314,12 @@ html[data-color-scheme="dark"] {
        resize: none !important;
 }
 
+/* Add spacer for any notices displayed above the editor. */
+.wysiwygTextarea:not(:first-child),
+.wysiwygTextarea:not(:first-child) + .ck.ck-editor {
+       margin-top: 20px;
+}
+
 @include screen-xs {
        html.iOS .ck.ck-content {
                /* Font sizes below 16px cause iOS to zoom when moving the focus inside of it. */