From: Chocobozzz <florian.bigard@gmail.com>
Date: Wed, 6 Dec 2017 17:10:57 +0000 (+0100)
Subject: Design other videos in watch video page
X-Git-Tag: v0.0.1-alpha~149^2~25
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=41c3dfac99c41d2daec2a55554bb517ed5d59fc4;p=github%2FChocobozzz%2FPeerTube.git

Design other videos in watch video page
---

diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html
index b17392ff1..88d89f9e4 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.html
+++ b/client/src/app/videos/+video-watch/video-watch.component.html
@@ -159,6 +159,10 @@
   </div>
 
   <div class="other-videos">
+    <div class="title-page title-page-single">
+      Other videos
+    </div>
+
     <div *ngFor="let video of otherVideos">
       <my-video-miniature [video]="video" [user]="user"></my-video-miniature>
     </div>
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 5064ceb95..d7f47ed75 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -158,6 +158,22 @@
         }
       }
     }
+  }
+
+  .other-videos {
+    .title-page {
+      margin-top: 0;
+    }
+
+    /deep/ .video-miniature {
+      display: flex;
+      height: 100%;
+      margin-bottom: 20px;
 
+      .video-miniature-information {
+        margin-left: 10px;
+      }
+    }
   }
 }
+