Improved comment editor UI/UX

diff --git a/wcfsetup/install/files/style/ui/comment.scss b/wcfsetup/install/files/style/ui/comment.scss
index 4da735dd955d1186fe0a817e0cbc056bf3f7db02..215ab1daf91d97c8ef29a24663c581004d97a2bd 100644 (file)
--- a/wcfsetup/install/files/style/ui/comment.scss
+++ b/wcfsetup/install/files/style/ui/comment.scss
@@ -73,6 +73,20 @@
        .comment[data-is-disabled="1"] .jsCommentShowAddResponse {
                display: none;
        }
+       
+       @include screen-sm-up {
+               .jsCommentResponseAdd {
+                       padding-left: 20px;
+               }
+       }
+       
+       /* hide avatar on smartphones to give more room to the editor */
+       @include screen-xs {
+               .jsCommentAdd > .userAvatarImage,
+               .jsCommentResponseAdd > .userAvatarImage {
+                       display: none;
+               }
+       }
 }
 
 .commentListAddComment {