From f23f2646ee56696c3c138c19d60ee3859fd7ba00 Mon Sep 17 00:00:00 2001
From: Michael Olund <michaelo@openroad.ca>
Date: Tue, 29 Sep 2020 10:36:15 -0700
Subject: [PATCH] Responsive fixes to the uploader status bar

---
 vue/src/components/Uploader/ProgressBar.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/vue/src/components/Uploader/ProgressBar.vue b/vue/src/components/Uploader/ProgressBar.vue
index 253e708a..4d9e9d0a 100644
--- a/vue/src/components/Uploader/ProgressBar.vue
+++ b/vue/src/components/Uploader/ProgressBar.vue
@@ -3,7 +3,7 @@
     <div class="item-tile" v-if="file.progress !== '0.00'"> 
       <div class="status-wrap">
         <div>
-        Uploading... {{ file.progress}}%
+        Uploading...<br>{{ file.progress}}%
         </div>
         <div class="progress">
           <div :style="'width:' + file.progress + '%'">
@@ -40,14 +40,17 @@ export default {
     flex-direction: column;
     justify-content: center;
     text-align: center;
+    font-size: 16px;
 
     .progress {
-      width: calc(100% - 1.5px);
-      background-color: #F2F2F3;
+      width: calc(100% + 1px);
+      background-color: #f2f2f3;
       height: 22px;
       position: relative;
-      bottom: -59.5px;
-      left: 1px;
+      bottom: -55px;
+      left: -1px;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
 
       > div {
         background-color: #365EBE;