X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fvideo-miniature.component.scss;h=0bbdff1e659500290fc944f31117014013009862;hb=4d7ce9218a3f695bf3d013cbdce1c5c6a5221927;hp=62195191910ace7f65a0326e8e2e8d9da26b73ba;hpb=cdeddff142fd20f8cb8bb346625909d61c596603;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
index 621951919..0bbdff1e6 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
@@ -12,16 +12,8 @@ $more-button-width: 40px;
   width: calc(100% - #{$more-button-width});
 }
 
-.avatar {
+my-actor-avatar {
   margin: 10px 10px 0 0;
-
-  img:not(.channel) {
-    @include avatar(40px);
-  }
-
-  img.channel {
-    @include channel-avatar(40px);
-  }
 }
 
 .video-miniature-created-at-views {
@@ -49,7 +41,7 @@ $more-button-width: 40px;
 }
 
 .video-info-blocked {
-  color: red;
+  color: #ff0000;
 
   .blocked-reason::before {
     content: ' - ';
@@ -57,7 +49,7 @@ $more-button-width: 40px;
 }
 
 .video-info-nsfw {
-  color: red;
+  color: #ff0000;
 }
 
 .video-actions {
@@ -81,9 +73,9 @@ $more-button-width: 40px;
   }
 }
 
-.video-miniature {
-  &:hover ::ng-deep .video-thumbnail-actions-overlay,
-  &:hover .video-actions ::ng-deep .dropdown-root {
+.video-miniature:hover {
+  ::ng-deep .video-thumbnail-actions-overlay,
+  .video-actions ::ng-deep .dropdown-root {
     opacity: 1 !important;
   }
 }
@@ -103,6 +95,7 @@ $more-button-width: 40px;
   .video-bottom {
     display: flex;
     width: 100%;
+    min-width: 1px;
   }
 
   .video-miniature-name {
@@ -153,10 +146,11 @@ $more-button-width: 40px;
 
   .video-bottom {
     display: flex;
+    min-width: 1px;
   }
 
   // We don't display avatar in row mode
-  .avatar {
+  .channel-avatar {
     display: none;
   }