more stylistic improvements

pull/11/head
Isaac Grynsztein 6 years ago
parent 9fa646132d
commit 9e148d1464

@ -43,6 +43,14 @@ mat-form-field.mat-form-field {
.spinner { .spinner {
position: absolute; position: absolute;
display: inline-block; display: inline-block;
margin-left: 8px; margin-left: -28px;
margin-top: -10px; margin-top: -10px;
}
.make-room-for-spinner {
padding-right: 40px;
}
.equal-sizes {
padding-right: 20px;
} }

@ -39,7 +39,7 @@
</div> </div>
<br/> <br/>
<div class="centered big" id="bar_div" *ngIf="downloadingfile;else nofile"> <div class="centered big" id="bar_div" *ngIf="downloadingfile;else nofile">
<div style="display: inline-block; width: 800px;" *ngIf="determinateProgress;else indeterminateprogress"> <div [ngClass]="(determinateProgress && percentDownloaded === 100)?'make-room-for-spinner':'equal-sizes'" style="display: inline-block; width: 100%; padding-left: 20px" *ngIf="determinateProgress;else indeterminateprogress">
<mat-progress-bar mode="determinate" value="{{percentDownloaded}}"></mat-progress-bar> <mat-progress-bar mode="determinate" value="{{percentDownloaded}}"></mat-progress-bar>
<br/> <br/>
</div> </div>

Loading…
Cancel
Save