Fix status bar

src-angular/app/components/browse/status-bar/downloads-modal/downloads-modal.component.html

@@ -14,11 +14,7 @@
 		</div>
 
 		<div id="downloadProgressDiv">
-			<div id="downloadProgressBar" appProgressBar [percent]="download.percent" class="ui small progress">
-				<div class="bar" [style.height]="download.type === 'error' ? '-webkit-fill-available' : undefined">
-					<div class="progress"></div>
-				</div>
-			</div>
+			<progress [value]="download.percent" max="100" class="progress w-96" [class.progress-error]="download.type === 'error'"></progress>
 			<button *ngIf="download.type === 'error'" class="ui right attached labeled compact icon button" (click)="retryDownload(download.versionID)">
 				<i class="redo icon"></i>
 				Retry

src-angular/app/components/browse/status-bar/downloads-modal/downloads-modal.component.scss

@@ -1,26 +0,0 @@
-#downloadTitle,
-#downloadText {
-  display: flex;
-  margin-bottom: 0.3rem;
-}
-
-#downloadText {
-  flex-wrap: wrap;
-}
-
-#downloadProgressDiv {
-  display: flex;
-}
-
-#downloadProgressBar {
-  flex-grow: 1;
-  margin: 0;
-  .bar {
-    transform: translateY(-50%);
-    top: 50%;
-  }
-}
-
-i.close.icon, a {
-  cursor: pointer;
-}

src-angular/app/components/browse/status-bar/downloads-modal/downloads-modal.component.ts

@@ -6,7 +6,6 @@ import { DownloadService } from '../../../../core/services/download.service'
 @Component({
 	selector: 'app-downloads-modal',
 	templateUrl: './downloads-modal.component.html',
-	styleUrls: ['./downloads-modal.component.scss'],
 })
 export class DownloadsModalComponent {