Refactor rest table search filter

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / moderation / video-comment-list / video-comment-list.component.scss

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 c92d1c39c67a92a47fbeb76952ffdb87bc084f72..43983589904bf8c36f30bd685523b0fd3626ca4a 100644 (file)
--- 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,12 +1,22 @@
 @import 'mixins';
 
-my-global-icon {
-  @include apply-svg-color(#7d7d7d);
+h1 {
+  my-feed {
+    margin-left: 5px;
+    display: inline-block;
+
+    ::ng-deep {
+      my-global-icon {
+        width: 15px !important;
+        top: 0 !important;
+      }
+    }
+  }
+}
 
-  width: 12px;
-  height: 12px;
-  position: relative;
-  top: -1px;
+my-global-icon {
+  width: 24px;
+  height: 24px;
 }
 
 .input-group {
@@ -25,3 +35,32 @@ my-global-icon {
     flex-grow: 1;
   }
 }
+
+.video {
+  display: flex;
+  flex-direction: column;
+
+  em {
+    font-size: 11px;
+  }
+
+  a {
+    @include ellipsis
+  }
+}
+
+.comment-html {
+  ::ng-deep {
+    > div {
+      max-height: 22px;
+    }
+
+    div, p {
+      @include ellipsis;
+    }
+
+    p {
+      margin: 0;
+    }
+  }
+}