Style optimizations

diff --git a/wcfsetup/install/files/style/comment.less b/wcfsetup/install/files/style/comment.less
index a69290cd486142a7cbda30542f585f7cab2659bd..457f9d45c12502a3b40abb414fc37328f811415a 100644 (file)
--- a/wcfsetup/install/files/style/comment.less
+++ b/wcfsetup/install/files/style/comment.less
@@ -50,21 +50,35 @@
 }
 
 .commentOptionContainer {
-       border-top: 1px solid @wcfContainerBorderColor;
-       margin-top: @wcfGapMedium;
-       padding: 7px 7px 0;
+       > ul {
+               font-size: 0;
+               
+               > li {
+                       &:not(:last-child):after {
+                               content: " - ";
+                       }
 
-       > ul > li {
-               &:not(:last-child):after {
-                       content: " - ";
+                       display: inline-block;
+                       font-size: @wcfSmallFontSize;
+                       padding-right: 3px;
                }
-               
-               display: inline-block;
-               font-size: 85%;
-               padding-right: 3px;
        }
 }
 
+.commentOptionContainer.jsAddResponseActive,
+.commentResponseList + .commentOptionContainer {
+       border-top: 1px solid @wcfContainerBorderColor;
+       padding: @wcfGapSmall @wcfGapSmall 0;
+}
+
+.commentContent + .commentOptionContainer:not(.jsAddResponseActive) {
+       margin-top: @wcfGapTiny;
+}
+
+.commentContent + .commentOptionContainer.jsAddResponseActive {
+       margin-top: @wcfGapMedium;
+}
+
 .commentResponseList .commentResponse:first-child {
        margin-top: @wcfGapMedium;
 }
@@ -94,8 +108,7 @@
 }
 
 /* buttons to load comments/responses */
-.commentList > .commentLoadNext,
-.comment .responseLoadNext {
+.commentList > .commentLoadNext {
        text-align: center;
        
        > button {
@@ -104,10 +117,6 @@
        }
 }
 
-.comment .responseLoadNext {
-       padding-top: @wcfGapMedium;
-}
-
 .commentList .userMessage {
        margin-top: 0;
 }