Client: beautiful watch page

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

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 5ba39f8f235c3471f0a30f6ce1c13a2f8e87d433..eddcf07769b173da71fff71e614ab87daba4fc89 100644 (file)
--- a/client/src/app/videos/video-list/video-list.component.scss
+++ b/client/src/app/videos/video-list/video-list.component.scss
@@ -1,27 +1,29 @@
 .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 {
+    display: inline-block;
+    margin-left: 5px;
   }
 }
 
 .videos-miniatures {
-  min-height: 600px;
+  min-height: 720px;
+  text-align: center;
+  padding-top: 0;
 
   my-video-miniature {
+    text-align: left;
     transition: all 0.5s ease;
 
     &.ng-enter {