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 +} diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.html b/client/src/app/videos/+video-watch/comment/video-comment.component.html index 6ec35d63b..207be3c7c 100644 --- a/client/src/app/videos/+video-watch/comment/video-comment.component.html +++ b/client/src/app/videos/+video-watch/comment/video-comment.component.html @@ -1,65 +1,70 @@