Merge branch 'release/5.0.0' into develop

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

diff --git a/client/src/app/shared/shared-video-miniature/videos-list.component.scss b/client/src/app/shared/shared-video-miniature/videos-list.component.scss
index e82ef05baf456f6ea598dcee92a1e700ec4cae78..fb9dcafb884e94d34cda9d0398a4df1c44b01c0d 100644 (file)
--- a/client/src/app/shared/shared-video-miniature/videos-list.component.scss
+++ b/client/src/app/shared/shared-video-miniature/videos-list.component.scss
@@ -3,6 +3,9 @@
 @use '_mixins' as *;
 @use '_miniature' as *;
 
+// Cannot set margin top to videos-header because of the main header fixed position
+$margin-top: 30px;
+
 .videos-header {
   display: grid;
   grid-template-columns: auto 1fr auto;
@@ -19,7 +22,7 @@
     display: inline-block;
     font-weight: $font-semibold;
 
-    margin-top: 30px;
+    margin-top: $margin-top;
     margin-bottom: 0;
   }
 
@@ -35,6 +38,8 @@
 
   .action-block {
     grid-column: 3;
+    grid-row: 1/3;
+    margin-top: $margin-top;
   }
 
   my-feed {
@@ -49,9 +54,9 @@
 }
 
 .date-title {
-  font-size: 16px;
   font-weight: $font-semibold;
   margin-bottom: 20px;
+  font-size: 1rem;
 
   // Make the element span a full grid row within .videos grid
   grid-column: 1 / -1;
@@ -94,11 +99,5 @@
     align-items: center;
     height: auto;
     margin-bottom: 10px;
-
-    .title-page {
-      @include margin-right(0);
-
-      margin-bottom: 10px;
-    }
   }
 }