3 files changed, 16 insertions, 6 deletions

diff --git a/client/angular/videos/components/add/videos-add.component.html b/client/angular/videos/components/add/videos-add.component.html
index 5f28ae650..4252d7abd 100644
--- a/client/angular/videos/components/add/videos-add.component.html
+++ b/client/angular/videos/components/add/videos-add.component.html
@@ -12,12 +12,14 @@
     </div>
   </div>
 
-  <div class="btn btn-default btn-file">
-    <span>Select the video...</span>
-    <input type="file" name="input_video" id="input_video">
-  </div>
+  <div class="form-group">
+    <div class="btn btn-default btn-file">
+      <span>Select the video...</span>
+      <input type="file" name="input_video" id="input_video">
+    </div>
 
-  <span *ngIf="fileToUpload">{{ fileToUpload.name }}</span>
+    <span *ngIf="fileToUpload">{{ fileToUpload.name }}</span>
+  </div>
 
   <div class="form-group">
     <label for="description">Description</label>
diff --git a/client/angular/videos/components/add/videos-add.component.scss b/client/angular/videos/components/add/videos-add.component.scss
index f4187088b..01195f017 100644
--- a/client/angular/videos/components/add/videos-add.component.scss
+++ b/client/angular/videos/components/add/videos-add.component.scss
@@ -23,3 +23,11 @@
   display: inline-block;
   margin-left: 10px;
 }
+
+.form-group {
+  margin-bottom: 10px;
+}
+
+#progress {
+  margin-bottom: 10px;
+}
diff --git a/client/angular/videos/components/add/videos-add.component.ts b/client/angular/videos/components/add/videos-add.component.ts
index 8ff6cfec8..3a7b02133 100644
--- a/client/angular/videos/components/add/videos-add.component.ts
+++ b/client/angular/videos/components/add/videos-add.component.ts
@@ -36,7 +36,7 @@ export class VideosAddComponent implements OnInit {
 
       progressall: (e, data) => {
         this.progressBar.value = data.loaded;
-        this.progressBar.max= data.total;
+        this.progressBar.max = data.total;
       },
 
       done: (e, data) => {