X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2F%2Bvideo-watch%2Fcomment%2Fvideo-comment-add.component.scss;h=5087f71b6da7cb0320a60d6a5a7acd726f57abcf;hb=fc641dedd6d984bf49d6b2c20ace4d5ecf25e06f;hp=a55e743fbf3c43ba579a19562ed1c330c7ecf737;hpb=2d9fea161fd4fc73994fc77951bafdccdc2071fd;p=github%2FChocobozzz%2FPeerTube.git

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 a55e743fb..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 {
@@ -36,6 +36,28 @@ form {
 
   button {
     @include peertube-button;
-    @include orange-button
+    @include orange-button;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  textarea, .submit-comment button {
+    font-size: 14px !important;
+  }
+
+  textarea {
+    padding: 5px !important;
+  }
+}
+
+.modal-body {
+  .btn {
+    @include peertube-button;
+    @include orange-button;
+  }
+
+  span {
+    float: left;
+    margin-bottom: 20px;
   }
 }