From 98ce7d376ac52bd08481e322429374a799f79ce8 Mon Sep 17 00:00:00 2001
From: Vitalii Kiiko <mr.psiho@gmail.com>
Date: Mon, 24 Feb 2025 11:28:14 +0100
Subject: [PATCH] - saving progress;

---
 src/assets/scss/components/appForm.scss       | 23 +++++++++++++++++++
 .../FormField/components/FileSelect/index.js  |  8 ++++---
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/components/appForm.scss b/src/assets/scss/components/appForm.scss
index e4071ae..d8d2fc6 100644
--- a/src/assets/scss/components/appForm.scss
+++ b/src/assets/scss/components/appForm.scss
@@ -121,10 +121,33 @@
       }
     }
 
+    .fileselectInner__selectionBox {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
     .fileselectInner__selectedFiles {
       display: flex;
       flex-direction: column;
       gap: 10px;
+      
+      p {
+        margin: 0;
+        font-weight: bold;
+      }
+
+      ul {
+        margin: 0;
+        padding: 0 0 0 20px;
+        display: flex;
+        flex-direction: column;
+        gap: 7px;
+        
+        li {
+
+        }
+      }
     }
   }
 }
diff --git a/src/components/FormField/components/FileSelect/index.js b/src/components/FormField/components/FileSelect/index.js
index eb26e0f..031b6de 100644
--- a/src/components/FormField/components/FileSelect/index.js
+++ b/src/components/FormField/components/FileSelect/index.js
@@ -125,6 +125,7 @@ const FileSelect = ({
                 <span className="appForm__field--required">*</span> : null}
             </label>
             <div className="fileselectInner">
+                <div className="fileselectInner__selectionBox">
                 <ListBox multiple
                          value={selectedUnconfirmed}
                          onChange={(e) => setSelectedUnconfirmed(e.value)}
@@ -134,12 +135,13 @@ const FileSelect = ({
                          optionGroupChildren="items"
                          className="w-full md:w-14rem"
                          listStyle={{ maxHeight: '130px' }}/>
-                <div className="fileselectInner__selectedFiles">
                     <Button
                         severity="success"
                         onClick={attachSelectedFiles}
-                        label={__('Conferma selezionati', 'gepafin')}
-                        icon="pi pi-plus" size="small" iconPos="right"/>
+                        label={__('Conferma i file scelti', 'gepafin')}
+                        icon="pi pi-arrow-right" size="small" iconPos="right"/>
+                </div>
+                <div className="fileselectInner__selectedFiles">
                     <p>{__('Selezionati')}</p>
                     <ul>
                         {[...stateFieldData].map(o => <li key={o.id}>