Mobile optimizations

diff --git a/wcfsetup/install/files/style/comment.less b/wcfsetup/install/files/style/comment.less
index a450df1a7d7d34599eb35079623ebf9559e6e612..219bbf8b1812bf6fc484b4e6de8c26ffd9c21336 100644 (file)
--- a/wcfsetup/install/files/style/comment.less
+++ b/wcfsetup/install/files/style/comment.less
@@ -24,7 +24,6 @@
 }
 
 .commentResponseList .buttonGroupNavigation {
-       top: @wcfGapSmall;
        right: @wcfGapSmall;
 }
 
@@ -107,8 +106,31 @@
        margin-top: 0;
 }
 
+.commentResponseContent {
+       position: relative;
+}
+
 /* like display */
 .commentList .likesBadge {
        display: inline-block;
        margin: -2px 0 -2px @wcfGapTiny;
 }
+
+@media only screen and (max-width: 800px) {
+       .commentList .buttonGroupNavigation {
+               top: 1px;
+               right: 7px;
+       }
+       
+       .commentResponseList .buttonGroupNavigation {
+               right: 0;
+       }
+       
+       .commentList .containerHeadline > h3 {
+               padding-right: 35px;
+       }
+       
+       .commentResponseContent > .containerHeadline > h3 {
+               padding-right: 28px;
+       }
+}
\ No newline at end of file