Add loader indication when loading videos list

2 files changed, 8 insertions, 2 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 6c36b27e2..353cb2241 100644
--- a/client/src/app/videos/video-watch/video-watch.component.html
+++ b/client/src/app/videos/video-watch/video-watch.component.html
@@ -1,6 +1,5 @@
-<my-loader [loading]="loading"></my-loader>
-
 <div class="embed-responsive embed-responsive-19by9">
+  <my-loader [loading]="loading"></my-loader>
 </div>
 
 <div id="torrent-info">
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 1228d42f4..474de74d9 100644
--- a/client/src/app/videos/video-watch/video-watch.component.scss
+++ b/client/src/app/videos/video-watch/video-watch.component.scss
@@ -1,3 +1,10 @@
+my-loader {
+  display: block;
+  padding-top: 200px;
+  width: 100%;
+  text-align: center;
+}
+
 .embed-responsive {
   height: 500px;
 }