From 41c3dfac99c41d2daec2a55554bb517ed5d59fc4 Mon Sep 17 00:00:00 2001
From: Chocobozzz <florian.bigard@gmail.com>
Date: Wed, 6 Dec 2017 18:10:57 +0100
Subject: Design other videos in watch video page

---
 .../app/videos/+video-watch/video-watch.component.html   |  4 ++++
 .../app/videos/+video-watch/video-watch.component.scss   | 16 ++++++++++++++++
 2 files changed, 20 insertions(+)

(limited to 'client/src/app/videos')

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;
+      }
+    }
   }
 }
+
-- 
cgit v1.2.3