From 9e148d1464e4599bc1eb100537b1f201c58e45b0 Mon Sep 17 00:00:00 2001
From: Isaac Grynsztein <IsaacMGrynsztein@gmail.com>
Date: Mon, 21 Oct 2019 02:46:22 -0400
Subject: [PATCH] more stylistic improvements

---
 src/app/app.component.css  | 10 +++++++++-
 src/app/app.component.html |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/app/app.component.css b/src/app/app.component.css
index e1348c1..fb3c755 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -43,6 +43,14 @@ mat-form-field.mat-form-field {
 .spinner {
     position: absolute;
     display: inline-block;
-    margin-left: 8px;
+    margin-left: -28px;
     margin-top: -10px;
+}
+
+.make-room-for-spinner {
+    padding-right: 40px;
+}
+
+.equal-sizes {
+    padding-right: 20px;
 }
\ No newline at end of file
diff --git a/src/app/app.component.html b/src/app/app.component.html
index add2004..34191bb 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -39,7 +39,7 @@
 </div>
 <br/>
 <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>
         <br/>
     </div>