From 81c90e17063f82b4e1cb43eaba1ba90b3fd04d92 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Perez <jbaptperez@gmail.com>
Date: Thu, 11 Jul 2024 23:09:30 +0200
Subject: [PATCH] Aligns the payload upload modal and button to the adversary
 import ones

---
 src/components/payloads/UploadModal.vue | 26 ++++++++++++-------------
 src/views/PayloadsView.vue              |  4 ++--
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/payloads/UploadModal.vue b/src/components/payloads/UploadModal.vue
index 9b8c530..fe54214 100644
--- a/src/components/payloads/UploadModal.vue
+++ b/src/components/payloads/UploadModal.vue
@@ -41,24 +41,24 @@ async function submitFile($event) {
         header.modal-card-head
             p.modal-card-title Upload a payload
         .modal-card-body
-            .columns.is-vcentered
-                .column
-                    .file.has-name.is-fullwidth
-                        label.file-label
-                            input.file-input(type="file", ref="input", @change="updateFileName")
-                            span.file-cta
-                                span.file-icon
-                                    i.fas.fa-upload
-                                span.file-label Choose a file…
-                            span.file-name {{ fileName }}
-                .column.is-narrow
-                    button.button.is-primary(:disabled="!isFileSelected", @click="submitFile($event)") Upload
+            .file.has-name.is-fullwidth
+                label.file-label
+                    input.file-input(type="file", ref="input", @change="updateFileName")
+                    span.file-cta
+                        span.file-icon
+                            font-awesome-icon(icon="fas fa-upload")
+                        span.file-label Choose a file...
+                    span.file-name {{ fileName }}
         footer.modal-card-foot.is-flex.is-justify-content-flex-end
             button.button(@click="modals.payloads.showUpload = false") Close
+            button.button.is-primary(:disabled="!isFileSelected", @click="submitFile($event)")
+                span.icon
+                    font-awesome-icon(icon="fas fa-save")
+                span Upload
 </template>
 
 <style scoped>
 .modal-card{
-    width: 80%;
+    width: 70%;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/PayloadsView.vue b/src/views/PayloadsView.vue
index 9b70c38..0ae080c 100644
--- a/src/views/PayloadsView.vue
+++ b/src/views/PayloadsView.vue
@@ -58,9 +58,9 @@ hr
     h2 Local Payloads
     .columns.mb-4
         .column.is-one-quarter.is-flex.buttons.mb-0
-            button.button.is-primary.level-item(@click="modals.payloads.showUpload = true")
+            button.button(@click="modals.payloads.showUpload = true")
                 span.icon
-                    font-awesome-icon(icon="fas fa-plus")
+                    font-awesome-icon(icon="fas fa-file-import")
                 span Upload a payload
         .column.is-half.is-flex.is-justify-content-center
             span.tag.is-medium.m-0