Fix my videos pagination

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

diff --git a/client/src/app/shared/video/abstract-video-list.scss b/client/src/app/shared/video/abstract-video-list.scss
index 52797bc6cf2e1261fe96842aae47038de8a8e78a..63538a089914aa2bbf88a2fc13dacc10c6f1c27d 100644 (file)
--- a/client/src/app/shared/video/abstract-video-list.scss
+++ b/client/src/app/shared/video/abstract-video-list.scss
@@ -5,3 +5,34 @@
     text-align: left;
   }
 }
+
+@media screen and (max-width: 500px) {
+  .videos {
+    text-align: center;
+
+    /deep/ .video-miniature {
+      padding-right: 0;
+      height: auto;
+      width: 100%;
+      margin-bottom: 20px;
+
+      .video-miniature-information {
+        width: 100% !important;
+
+        span {
+          width: 100%;
+        }
+      }
+
+      /deep/ .video-thumbnail {
+        width: 100%;
+        height: auto;
+
+        img {
+          width: 100%;
+          height: auto;
+        }
+      }
+    }
+  }
+}