X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Badmin%2Fmoderation%2Fvideo-comment-list%2Fvideo-comment-list.component.scss;h=3cf7b8db669b2c83063a753fae6dc0112e32469d;hb=e6492b2de61e5eef5ea9bc1bf19463c065f3f41d;hp=c92d1c39c67a92a47fbeb76952ffdb87bc084f72;hpb=0f8d00e3144060270d7fe603865fccaf18649c47;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss
index c92d1c39c..3cf7b8db6 100644
--- a/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss
+++ b/client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.scss
@@ -1,27 +1,52 @@
-@import 'mixins';
+@use '_mixins' as *;
+@use '_variables' as *;
 
-my-global-icon {
-  @include apply-svg-color(#7d7d7d);
+my-feed {
+  @include margin-left(5px);
+
+  display: inline-block;
+  width: 15px;
+}
 
-  width: 12px;
-  height: 12px;
-  position: relative;
-  top: -1px;
+my-global-icon {
+  width: 24px;
+  height: 24px;
 }
 
-.input-group {
-  @include peertube-input-group(300px);
+.video {
+  display: flex;
+  flex-direction: column;
 
-  .dropdown-toggle::after {
-    margin-left: 0;
+  em {
+    font-size: 11px;
+  }
+
+  a {
+    @include ellipsis;
+
+    color: pvar(--mainForegroundColor);
   }
 }
 
-.caption {
-  justify-content: flex-end;
+.comment-html {
+  ::ng-deep {
+    > div {
+      max-height: 22px;
+    }
+
+    div,
+    p {
+      @include ellipsis;
+    }
+
+    p {
+      margin: 0;
+    }
+  }
+}
 
-  input {
-    @include peertube-input-text(250px);
-    flex-grow: 1;
+@media screen and (max-width: $primeng-breakpoint) {
+  .video {
+    align-items: flex-start !important;
   }
 }