Some small css modifications

client/angular/app/app.component.scss

@@ -29,6 +29,6 @@ menu {
   }
 }
 
-footer {
-  margin-top: 30px;
+.panel_block:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

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>

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

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) => {

client/stylesheets/base.scss

@@ -7,18 +7,5 @@ footer {
   padding-top: 10px;
   text-align: center;
   font-size: small;
-}
-
-.search-group {
-  .search-btn {
-    position: relative;
-    left: -40px;
-    top: 0;
-
-    &:hover { text-decoration: none; }
-  }
-}
-
-.panel_block:not(:last-child) {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  margin-top: 30px;
 }