Improve comment tree UI

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-watch / comment / video-comments.component.scss

diff --git a/client/src/app/videos/+video-watch/comment/video-comments.component.scss b/client/src/app/videos/+video-watch/comment/video-comments.component.scss
index be122eb2c13c02c9427f4d8e66195988f6084bb0..dde10b068c110f319191c5eb7503b16f395a0a6b 100644 (file)
--- a/client/src/app/videos/+video-watch/comment/video-comments.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comments.component.scss
@@ -1,11 +1,16 @@
 @import '_variables';
 @import '_mixins';
 
+#highlighted-comment {
+  margin-bottom: 25px;
+}
+
 .view-replies {
   font-weight: $font-semibold;
   font-size: 15px;
   cursor: pointer;
-  margin-left: 56px;
+  margin-left: 46px;
+  margin-bottom: 10px;
 }
 
 .glyphicon, .comment-thread-loading {
@@ -13,3 +18,24 @@
   display: inline-block;
   font-size: 13px;
 }
+
+.title-block .title-page {
+  margin-right: 0;
+}
+
+my-feed {
+  display: inline-block;
+  margin-left: 5px;
+}
+
+@media screen and (max-width: 600px) {
+  .view-replies {
+    margin-left: 46px;
+  }
+}
+
+@media screen and (max-width: 450px) {
+  .view-replies {
+    font-size: 14px;
+  }
+}