- saving progress;

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 {
+
+        }
+      }
     }
   }
 }

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')}
+                        label={__('Conferma i file scelti', 'gepafin')}
-                        icon="pi pi-plus" size="small" iconPos="right"/>
+                        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}>