Try to fix remote mastodon interactions

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

diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
index 78bcfe1212a432784f9023e961d33e02969691b4..731ecbf8f97736fa341b57cbb09c241bdeebe0a9 100644 (file)
--- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
@@ -35,12 +35,13 @@
       .comment-account {
         @include disable-default-a-behaviour;
 
-        color: #000;
+        word-break: break-all;
+        color: var(--mainForegroundColor);
         font-weight: $font-bold;
       }
 
       .comment-date {
-        color: #585858;
+        color: $grey-foreground-color;
         margin-left: 10px;
       }
     }
@@ -54,7 +55,7 @@
         &:not(.linkified-url) {
           @include disable-default-a-behaviour;
 
-          color: #000;
+          color: var(--mainForegroundColor);
 
           font-weight: $font-semibold;
         }
@@ -68,12 +69,12 @@
 
       .comment-action-reply,
       .comment-action-delete {
-        color: #585858;
+        color: $grey-foreground-color;
         cursor: pointer;
         margin-right: 10px;
 
         &:hover {
-          color: #000;
+          color: var(--mainForegroundColor);
         }
       }
     }
@@ -102,3 +103,9 @@
     img { margin-right: 10px; }
   }
 }
+
+@media screen and (max-width: 450px) {
+  .root-comment {
+    font-size: 14px;
+  }
+}