X-Git-Url: https://git.librecmc.org/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fvideos%2Fvideo-list%2Fvideo-list.component.scss;h=4b44096023f097ea7ee3852862fa26a3e2560ae0;hb=bcd9f81eff05ffd930c5d8175fb907d4d371432a;hp=1f491a6c3fc5a4f41b3e64a8ec2f8fc3c789c1f5;hpb=0629423ce335137ce77d1ee8fe30fc0eee36d83b;p=oweals%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 1f491a6c3..4b4409602 100644
--- a/client/src/app/videos/video-list/video-list.component.scss
+++ b/client/src/app/videos/video-list/video-list.component.scss
@@ -1,20 +1,14 @@
 .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;
-  }
 
   .videos-total-results {
     font-size: 13px;
-    padding-left: 0;
   }
 
   my-loader {
@@ -24,22 +18,11 @@
 }
 
 .videos-miniatures {
-  min-height: 650px;
+  text-align: center;
+  padding-top: 0;
 
   my-video-miniature {
-    transition: all 0.5s ease;
-
-    &.ng-enter {
-      opacity: 0;
-    }
-
-    &.ng-enter-active {
-      opacity: 1;
-    }
-
-    &.ng-leave {
-      opacity: 0;
-    }
+    text-align: left;
   }
 
   .no-video {