Add style to cancel button

[oweals/peertube.git] / client / src / app / videos / +video-edit / video-add.component.html

diff --git a/client/src/app/videos/+video-edit/video-add.component.html b/client/src/app/videos/+video-edit/video-add.component.html
index 4e9b78cf29ad0652a429a8c3bbf57d9a5f8235aa..a3a41aa12656da5aad72a4efb571eec5e6706760 100644 (file)
--- a/client/src/app/videos/+video-edit/video-add.component.html
+++ b/client/src/app/videos/+video-edit/video-add.component.html
@@ -32,17 +32,15 @@
     </div>
   </div>
 
-  <div
-    *ngIf="isUploadingVideo"
-  >
+  <div *ngIf="isUploadingVideo" class="upload-progress-cancel">
     <p-progressBar
       [value]="videoUploadPercents"
       [ngClass]="{ processing: videoUploadPercents === 100 && videoUploaded === false }"
     ></p-progressBar>
-    <input type="button" value="Cancel" (click)="cancelUpload()" />
+    <input *ngIf="videoUploaded === false" type="button" value="Cancel" (click)="cancelUpload()" />
   </div>
 
-  <!-- Hidden because we need to load the component -->
+  <!-- Hidden because we want to load the component -->
   <form [hidden]="!isUploadingVideo" novalidate [formGroup]="form">
     <my-video-edit
       [form]="form" [formErrors]="formErrors"