X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bvideo-channels%2Fvideo-channels.component.scss;h=e946707efa1aba97f418d7db01d7e49bf2c5f005;hb=f6500729850549e632399155d0f3b69822e28b16;hp=3b27f3aa1b6be00d1cc3656a6ec14917ff3eb874;hpb=733dbc535d5fecdaba9e05feb8923bc754920525;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 3b27f3aa1..e946707ef 100644
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -11,16 +11,30 @@
   --myGreyOwnerFontSize: 14px;
 }
 
+.banner {
+  @include block-ratio('img', $banner-inverted-ratio);
+}
+
 .section-label {
   @include section-label-responsive;
 }
 
 .links {
-  @include fluid-videos-miniature-margins;
+  @include grid-videos-miniature-margins;
+}
+
+.actor-info {
+  min-width: 1px;
+  width: 100%;
+
+  > h4,
+  > .actor-handle {
+    @include ellipsis;
+  }
 }
 
 .channel-info {
-  @include fluid-videos-miniature-margins(false, 15px);
+  @include grid-videos-miniature-margins(false, 15px);
 
   display: grid;
   grid-template-columns: 1fr auto;
@@ -43,6 +57,7 @@
 .channel-description {
   grid-column: 1;
   word-break: break-word;
+  padding-bottom: var(--myGlobalTopPadding);
 }
 
 .show-more {
@@ -69,12 +84,6 @@
   display: none;
 }
 
-.created-at {
-  margin-top: 15px;
-  color: pvar(--greyForegroundColor);
-  padding-bottom: 60px;
-}
-
 .owner-card {
   margin-left: 105px;
   grid-column: 2;
@@ -122,7 +131,7 @@
   }
 
   .owner-description {
-    height: 140px;
+    max-height: 140px;
     word-break: break-word;
 
     @include fade-text(120px, pvar(--mainBackgroundColor));