Improve comment tree UI

1 files changed, 8 insertions, 4 deletions

diff --git a/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss b/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss
index e998cba5e..5087f71b6 100644
--- a/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comment-add.component.scss
@@ -10,10 +10,10 @@ form {
   margin-bottom: 10px;
 
   img {
-    @include avatar(36px);
+    @include avatar(25px);
 
     vertical-align: top;
-    margin-right: 20px;
+    margin-right: 10px;
   }
 
   .form-group {
@@ -40,10 +40,14 @@ form {
   }
 }
 
-@media screen and (max-width: 450px) {
+@media screen and (max-width: 600px) {
   textarea, .submit-comment button {
     font-size: 14px !important;
   }
+
+  textarea {
+    padding: 5px !important;
+  }
 }
 
 .modal-body {
@@ -56,4 +60,4 @@ form {
     float: left;
     margin-bottom: 20px;
   }
-}
\ No newline at end of file
+}