From 57234b46902c2725025291953561f86f354a5bcb Mon Sep 17 00:00:00 2001
From: Isaac Grynsztein <IsaacMGrynsztein@gmail.com>
Date: Fri, 27 Mar 2020 15:56:34 -0400
Subject: [PATCH] File card download progress bars now maintain same width as
 file cards, appear rounded at the bottom, and are positioned right at the
 bottom of each card

---
 src/app/main/main.component.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/app/main/main.component.css b/src/app/main/main.component.css
index 699b69d5..ab5cc8db 100644
--- a/src/app/main/main.component.css
+++ b/src/app/main/main.component.css
@@ -111,6 +111,9 @@ mat-form-field.mat-form-field {
     position: absolute;
     bottom: 0px;
     width: 150px;
+    border-radius: 0px 0px 4px 4px;
+    overflow: hidden;
+    bottom: 12px;
 }
 
 .add-playlist-button {
@@ -132,4 +135,10 @@ mat-form-field.mat-form-field {
 
 .no-border-radius-top {
     border-radius: 0px 0px 4px 4px;
+}
+
+@media (max-width: 576px) {
+    .download-progress-bar {
+        width: 125px;
+    }
 }
\ No newline at end of file