From 59dd666aebf53094d4bd75b3174cbe986de7d9d0 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Wed, 13 May 2020 11:46:51 +0300
Subject: [PATCH] Fixed alignment issues and more padding for fileupload

---
 public/themes/luna-amber/theme.css       | 3 +++
 public/themes/luna-green/theme.css       | 3 +++
 public/themes/luna-pink/theme.css        | 3 +++
 public/themes/nova-colored/theme.css     | 3 +++
 public/themes/nova-dark/theme.css        | 3 +++
 public/themes/nova-light/theme.css       | 3 +++
 public/themes/nova-vue/theme.css         | 3 +++
 public/themes/rhea/theme.css             | 3 +++
 public/themes/saga-blue/theme.css        | 5 ++++-
 public/themes/saga-cyan/theme.css        | 5 ++++-
 public/themes/saga-deeppurple/theme.css  | 5 ++++-
 public/themes/saga-green/theme.css       | 5 ++++-
 public/themes/saga-indigo/theme.css      | 5 ++++-
 public/themes/saga-orange/theme.css      | 5 ++++-
 public/themes/saga-purple/theme.css      | 5 ++++-
 public/themes/saga-teal/theme.css        | 5 ++++-
 public/themes/vela-blue/theme.css        | 5 ++++-
 public/themes/vela-cyan/theme.css        | 5 ++++-
 public/themes/vela-deeppurple/theme.css  | 5 ++++-
 public/themes/vela-green/theme.css       | 5 ++++-
 public/themes/vela-indigo/theme.css      | 5 ++++-
 public/themes/vela-orange/theme.css      | 5 ++++-
 public/themes/vela-purple/theme.css      | 5 ++++-
 public/themes/vela-teal/theme.css        | 5 ++++-
 src/components/fileupload/FileUpload.vue | 2 +-
 25 files changed, 89 insertions(+), 17 deletions(-)

diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 4a145bb2c..a7836c796 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #FFA000;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index b23ca951f..c43a8504e 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #1b9044;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 8474febd8..850e9ffc3 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #b72452;
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index a89daf6a7..21fa8c44a 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #116fbf;
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index 76466d4fb..8bf34057f 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #116fbf;
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index 952726d15..2f9ec7012 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #116fbf;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 1112286ee..d47d82121 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #318c63;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 4844bc977..53cfd6eee 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -2452,6 +2452,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #6c8999;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index da993f720..4dea7ee7c 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #1E88E5;
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 3e46fa532..1bcf13d8b 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #0097A7;
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index aedd80721..32bedf7d9 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #5E35B1;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 1ac8615f7..ff897ddca 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #43A047;
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index 8f84a8867..b91524d59 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #3949AB;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 7bae345c4..bca00d552 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #FFB300;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index d0da50a17..37c6e8a1b 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #8E24AA;
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 857aa72ae..619071735 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #ffffff;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #00897B;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 4dbc5290f..01f4b044a 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #42A5F5;
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index 4f1dbaa6d..b9a9f2b88 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #26C6DA;
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index a0a004fac..f114f49f4 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #7E57C2;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index f2ca05ca0..8673864b2 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #66BB6A;
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 77a5c3028..51fb194ba 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #5C6BC0;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index a1e45e158..9101a6f25 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #FFCA28;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index a91be908b..e5a98826a 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #AB47BC;
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index a12aa3e59..77e972d27 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -2460,7 +2460,7 @@
 }
 .p-fileupload .p-fileupload-content {
   background: #1C2833;
-  padding: 1rem;
+  padding: 2rem 1rem;
   border: 1px solid #2C3E50;
   color: #ebedef;
   border-bottom-right-radius: 3px;
@@ -2469,6 +2469,9 @@
 .p-fileupload .p-progressbar {
   height: 0.25rem;
 }
+.p-fileupload .p-fileupload-row > div {
+  margin-right: 0.5rem;
+}
 
 .p-fileupload-choose:not(.p-disabled):hover {
   background: #26A69A;
diff --git a/src/components/fileupload/FileUpload.vue b/src/components/fileupload/FileUpload.vue
index 184e273f4..253f3ef48 100755
--- a/src/components/fileupload/FileUpload.vue
+++ b/src/components/fileupload/FileUpload.vue
@@ -353,8 +353,8 @@ export default {
 }
 
 .p-fileupload-row {
-    display: table-row;
     display: flex;
+    align-items: center;
 }
 
 .p-fileupload-content .p-progressbar {