Improve the visuals of spoilers

See https://www.woltlab.com/community/thread/300758-spoiler-toggle-button-much-harder-to-see/

diff --git a/wcfsetup/install/files/style/bbcode/spoiler.scss b/wcfsetup/install/files/style/bbcode/spoiler.scss
index 09d3af09df80090047e1abcf1ff68c43cf02b98a..bb95d81c662515546209a41a1d3f7846d78dd11f 100644 (file)
--- a/wcfsetup/install/files/style/bbcode/spoiler.scss
+++ b/wcfsetup/install/files/style/bbcode/spoiler.scss
@@ -1,15 +1,18 @@
 .spoilerBox {
-       margin: 1em 0;
-}
-
-.spoilerBox[open] .spoilerContent {
        background-color: var(--wcfContentBackground);
        border: 1px solid var(--wcfContentBorderInner);
        border-radius: var(--wcfBorderRadius);
-       margin-top: 5px;
+       margin: 1em 0;
+}
+
+.spoilerSummary {
        padding: 10px;
 }
 
+.spoilerBox[open] .spoilerContent {
+       padding: 0 10px 10px 10px;
+}
+
 .spoilerContent > :first-child {
        margin-top: 0 !important;
 }