X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideo-channels%2Fvideo-channels.component.scss;h=b19b4c81b14664c2882694e90260953622aad199;hb=02dd4f3c65536699cec47c7d4054889fd81b5cd4;hp=ce33e7be6593c145095693a5d0774dd237c86133;hpb=0f7407d926cf7774f8f730dba08327569c11680c;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index ce33e7be6..b19b4c81b 100644
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -11,6 +11,10 @@
   --myGreyOwnerFontSize: 14px;
 }
 
+.banner {
+  @include block-ratio('img', $banner-inverted-ratio);
+}
+
 .section-label {
   @include section-label-responsive;
 }
@@ -19,6 +23,16 @@
   @include grid-videos-miniature-margins;
 }
 
+.actor-info {
+  min-width: 1px;
+  width: 100%;
+
+  > h4,
+  > .actor-handle {
+    @include ellipsis;
+  }
+}
+
 .channel-info {
   @include grid-videos-miniature-margins(false, 15px);
 
@@ -122,7 +136,7 @@
   }
 
   .owner-description {
-    height: 140px;
+    max-height: 140px;
     word-break: break-word;
 
     @include fade-text(120px, pvar(--mainBackgroundColor));