Add loader indication when loading videos list

client/src/app/videos/shared/loader/loader.component.html

@@ -1,3 +1,3 @@
-<div id="video-loading" class="col-md-12 text-center" *ngIf="loading">
+<div id="video-loading" *ngIf="loading">
   <div class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></div>
 </div>

client/src/app/videos/shared/loader/loader.component.scss

@@ -1,7 +1,3 @@
-div {
-  margin-top: 150px;
-}
-
 // Thanks https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d
 .glyphicon-refresh-animate {
     -animation: spin .7s infinite linear;

client/src/app/videos/video-list/video-list.component.scss

@@ -16,6 +16,11 @@
     font-size: 13px;
     padding-left: 0;
   }
+
+  my-loader {
+    display: inline-block;
+    margin-left: 5px;
+  }
 }
 
 .videos-miniatures {

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">

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