From ce5c9d980d62f1898a890aac298e862dc29b3219 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Sat, 27 Jun 2020 13:10:43 +0300
Subject: [PATCH] fileupload cosmetics

---
 public/themes/arya-blue/theme.css               | 2 +-
 public/themes/arya-green/theme.css              | 2 +-
 public/themes/arya-orange/theme.css             | 2 +-
 public/themes/arya-purple/theme.css             | 2 +-
 public/themes/bootstrap4-dark-blue/theme.css    | 2 +-
 public/themes/bootstrap4-dark-purple/theme.css  | 2 +-
 public/themes/bootstrap4-light-blue/theme.css   | 2 +-
 public/themes/bootstrap4-light-purple/theme.css | 2 +-
 public/themes/luna-amber/theme.css              | 2 +-
 public/themes/luna-blue/theme.css               | 2 +-
 public/themes/luna-green/theme.css              | 2 +-
 public/themes/luna-pink/theme.css               | 2 +-
 public/themes/md-dark-deeppurple/theme.css      | 2 +-
 public/themes/md-dark-indigo/theme.css          | 2 +-
 public/themes/md-light-deeppurple/theme.css     | 2 +-
 public/themes/md-light-indigo/theme.css         | 2 +-
 public/themes/mdc-dark-deeppurple/theme.css     | 2 +-
 public/themes/mdc-dark-indigo/theme.css         | 2 +-
 public/themes/mdc-light-deeppurple/theme.css    | 2 +-
 public/themes/mdc-light-indigo/theme.css        | 2 +-
 public/themes/nova-accent/theme.css             | 2 +-
 public/themes/nova-alt/theme.css                | 2 +-
 public/themes/nova-vue/theme.css                | 2 +-
 public/themes/nova/theme.css                    | 2 +-
 public/themes/rhea/theme.css                    | 2 +-
 public/themes/saga-blue/theme.css               | 2 +-
 public/themes/saga-green/theme.css              | 2 +-
 public/themes/saga-orange/theme.css             | 2 +-
 public/themes/vela-blue/theme.css               | 2 +-
 public/themes/vela-green/theme.css              | 2 +-
 public/themes/vela-orange/theme.css             | 2 +-
 public/themes/vela-purple/theme.css             | 2 +-
 src/components/fileupload/FileUpload.vue        | 9 +++++++++
 33 files changed, 41 insertions(+), 32 deletions(-)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index d572c5fd5..75fa3cb3f 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 3fca540ca..cbcf21c64 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 5d7c248b7..55c07410e 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 3676b70ce..5d2099fd3 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index ebbd43f3e..5c43924a4 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index b2398ff01..ae36debfc 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 624a8ddd9..0fdb0ccf8 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index b21c7b604..edf6b7a21 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index bd6d51a18..021587620 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -2835,7 +2835,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 4eaaaf884..7a9120e0a 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -2835,7 +2835,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 11435cf05..6c3f7c094 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -2835,7 +2835,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index ecc859223..1e202be35 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -2835,7 +2835,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 111e93b7f..b2b7e0279 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index d2e34c96c..f85b31ee7 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 255ca0f2d..036018ed0 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 0a91b65e1..dff4e99be 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 298093c3a..7fb6cbd76 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.75rem 0.75rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 6235933d5..c527f3a82 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.75rem 0.75rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index 383a2c68f..2969db0d3 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.75rem 0.75rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index 9d5ef52c3..a4d574752 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -2868,7 +2868,7 @@
   height: 4px;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.75rem 0.75rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index d5dd9d5da..729ea1993 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -2827,7 +2827,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index bb051ec7e..a866b362d 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -2835,7 +2835,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 1a010608a..1c8d151a4 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -2835,7 +2835,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index f1ded05cb..f48fdecc3 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -2835,7 +2835,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 05a7d5496..f0cb7d1c0 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -2827,7 +2827,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 0.571rem 0.857rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 4dd92c094..8d02aa5f0 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 97e002230..c5e801d24 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index bef1b461c..b3c5938d7 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 94e7d8902..789633b29 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index b3be360d0..c432fa3b4 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index cae181923..9e4dbcfec 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 1ce8ec64b..29c5499fd 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -2852,7 +2852,7 @@
   height: 0.25rem;
 }
 .p-fileupload .p-fileupload-row > div {
-  margin-right: 0.5rem;
+  padding: 1rem 1rem;
 }
 
 .p-fileupload-choose:not(.p-disabled):hover {
diff --git a/src/components/fileupload/FileUpload.vue b/src/components/fileupload/FileUpload.vue
index 9e908ce67..64a6e705f 100755
--- a/src/components/fileupload/FileUpload.vue
+++ b/src/components/fileupload/FileUpload.vue
@@ -362,6 +362,15 @@ export default {
     align-items: center;
 }
 
+.p-fileupload-row > div {
+    flex: 1 1 auto;
+    width: 25%;
+}
+
+.p-fileupload-row > div:last-child {
+    text-align: right;
+}
+
 .p-fileupload-content .p-progressbar {
     width: 100%;
     position: absolute;