From 6fc96bfa3c487112dcf9388bbe06a8c26a4cf8f5 Mon Sep 17 00:00:00 2001
From: dcore94 <m.lettere@gmail.com>
Date: Wed, 24 Apr 2024 13:02:54 +0200
Subject: [PATCH] minor visual improvements

---
 ccp/js/executionformcontroller.js | 1 +
 ccp/js/inputwidgetcontroller.js   | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ccp/js/executionformcontroller.js b/ccp/js/executionformcontroller.js
index 1c8cd1b..b4dd34d 100644
--- a/ccp/js/executionformcontroller.js
+++ b/ccp/js/executionformcontroller.js
@@ -58,6 +58,7 @@ class CCPExecutionForm extends HTMLElement{
         <link rel="canonical" href="https://getbootstrap.com/docs/5.0/components/modal/">
         <link rel="stylesheet" href="https://cdn.dev.d4science.org/ccp/css/common.css"></link>
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
         <style>
           .ccp-execution-form{
             position: relative;
diff --git a/ccp/js/inputwidgetcontroller.js b/ccp/js/inputwidgetcontroller.js
index f0b7f89..35f822a 100644
--- a/ccp/js/inputwidgetcontroller.js
+++ b/ccp/js/inputwidgetcontroller.js
@@ -600,11 +600,11 @@ class CCPRemoteFileInputWidgetController extends CCPBaseInputWidgetController {
         <div class="mb-1" style="border-bottom: solid 1px gray;">
           <div class="d-flex justify-content-between m-0">
             <h5 class="text-secondary m-0">Access your workspace</h5>
-            <span class="btn text-danger p-0" style="font-weight:bold" name="closebtn">x</span>
+            <span class="material-icons btn text-danger p-0" style="font-weight:bold" name="closebtn">close</span>
           </div>
           <small class="text-muted m-0">Select an item or drag and drop it to a proper input</small>
         </div>
-        <div style="min-width:350px; max-width:500px;overflow:auto;etxt-wrap:nowrap;text-overflow: ellipsis;min-height:5rem; max-height:10rem;">
+        <div style="min-width:500px; max-width:640px;overflow:auto;etxt-wrap:nowrap;text-overflow: ellipsis;min-height:5rem; max-height:10rem;">
           <d4s-storage-tree 
             base-url="${addresses[iss]}"
             file-download-enabled="true"