X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2Fvideo-list%2Fvideo-list.component.scss;h=010f0dbfecb13f0ecd50e98b9e6a58c7bdc09d74;hb=693b1aba4675f7e3d850e0f6d07dbfc7bdff9b8c;hp=9441d80c3d5bff12346c45afb6cae40f22b6b032;hpb=4a6995be18b15de1834a39c8921a0e4109671bb6;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/videos/video-list/video-list.component.scss b/client/src/app/videos/video-list/video-list.component.scss
index 9441d80c3..010f0dbfe 100644
--- a/client/src/app/videos/video-list/video-list.component.scss
+++ b/client/src/app/videos/video-list/video-list.component.scss
@@ -1,12 +1,12 @@
 .videos-info {
+  @media screen and (max-width: 400px) {
+    margin-left: 0;
+  }
 
-  padding-bottom: 20px;
   margin-bottom: 20px;
   border-bottom: 1px solid #f1f1f1;
   height: 40px;
   line-height: 40px;
-  width: 765px;
-  margin-left: 15px;
 
   my-video-sort {
     padding-right: 0;
@@ -16,13 +16,30 @@
     font-size: 13px;
     padding-left: 0;
   }
+
+  my-loader {
+    display: inline-block;
+    margin-left: 5px;
+  }
 }
 
 .videos-miniatures {
-  min-height: 600px;
+  min-height: 720px;
 
-  my-videos-miniature {
-    display: inline-block;
+  my-video-miniature {
+    transition: all 0.5s ease;
+
+    &.ng-enter {
+      opacity: 0;
+    }
+
+    &.ng-enter-active {
+      opacity: 1;
+    }
+
+    &.ng-leave {
+      opacity: 0;
+    }
   }
 
   .no-video {