From e1a2a8c0d1b45f660ceb5341eda88c0e00d5a0c3 Mon Sep 17 00:00:00 2001
From: Pierre de La Morinerie <kemenaran@gmail.com>
Date: Wed, 13 Feb 2019 16:16:45 +0100
Subject: [PATCH] stylesheet: improve upload progress bar appearance

---
 app/assets/stylesheets/new_design/direct_uploads.scss | 9 +++++----
 app/assets/stylesheets/new_design/forms.scss          | 4 ++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/new_design/direct_uploads.scss b/app/assets/stylesheets/new_design/direct_uploads.scss
index eda8e75c7..febde1bd0 100644
--- a/app/assets/stylesheets/new_design/direct_uploads.scss
+++ b/app/assets/stylesheets/new_design/direct_uploads.scss
@@ -1,12 +1,13 @@
+@import "colors";
+
 .direct-upload {
   display: inline-block;
   position: relative;
-  padding: 2px 4px;
+  padding: 4px 15px;
   margin: 0 3px 3px 0;
-  border: 1px solid rgba(0, 0, 0, 0.3);
+  border: 1px solid $border-grey;
   border-radius: 3px;
-  font-size: 11px;
-  line-height: 13px;
+  font-size: 14px;
 }
 
 .direct-upload--pending {
diff --git a/app/assets/stylesheets/new_design/forms.scss b/app/assets/stylesheets/new_design/forms.scss
index e2202ecad..0e6954664 100644
--- a/app/assets/stylesheets/new_design/forms.scss
+++ b/app/assets/stylesheets/new_design/forms.scss
@@ -111,6 +111,10 @@
     }
   }
 
+  .direct-upload {
+    margin-bottom: 2 * $default-padding;
+  }
+
   .add-row {
     margin-bottom: 2 * $default-padding;
   }