Fix live update of autoplay next video

[github/Chocobozzz/PeerTube.git] / client / src / app / +videos / video-list / overview / video-overview.component.scss

diff --git a/client/src/app/+videos/video-list/overview/video-overview.component.scss b/client/src/app/+videos/video-list/overview/video-overview.component.scss
index c1d10188ae257774fc92342b7c7215e05b1b9f9d..5a789b66d564aa7aa72534f148b21b7116cd504e 100644 (file)
--- a/client/src/app/+videos/video-list/overview/video-overview.component.scss
+++ b/client/src/app/+videos/video-list/overview/video-overview.component.scss
@@ -1,6 +1,6 @@
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
 
 .section-title {
   // make the element span a full grid row within .videos grid
@@ -8,9 +8,49 @@
 }
 
 .margin-content {
-  @include fluid-videos-miniature-layout;
+  @include grid-videos-miniature-layout-with-margins;
 }
 
 .section {
-  @include miniature-rows;
+  &:first-child {
+    padding-top: 15px;
+
+    .section-title {
+      border-top: 0 !important;
+    }
+  }
+
+  .section-title {
+    font-size: 24px;
+    padding-top: 20px;
+    margin-bottom: 30px;
+
+    &:not(h2) {
+      border-top: 1px solid $separator-border-color;
+    }
+
+    a > h2 {
+      margin-bottom: 0;
+      display: inline-block;
+      font-weight: $font-bold;
+    }
+
+    my-actor-avatar {
+      @include margin-right(8px);
+
+      position: relative;
+      top: -2px;
+    }
+  }
+
+  @media screen and (max-width: $mobile-view) {
+    max-height: initial;
+    overflow: initial;
+
+    .section-title {
+      @include margin-left(10px);
+
+      font-size: 17px;
+    }
+  }
 }