Design other videos in watch video page

2 files changed, 20 insertions, 0 deletions

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;
+      }
+    }
   }
 }
+