From 7b36044c33fa6d0e6afeca27e64ae008d37db1de Mon Sep 17 00:00:00 2001
From: Lucio Lelii <lucio.lelii@isti.cnr.it>
Date: Thu, 29 Jan 2026 14:53:31 +0100
Subject: [PATCH] input/output node modified

---
 .../nodes/input/input-node.component.html     |  8 ++++---
 .../nodes/output/output-node.component.html   | 23 +++++++++++--------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/app/shared/nodes/input/input-node.component.html b/src/app/shared/nodes/input/input-node.component.html
index e1e8da3..e742cea 100644
--- a/src/app/shared/nodes/input/input-node.component.html
+++ b/src/app/shared/nodes/input/input-node.component.html
@@ -1,10 +1,12 @@
 <div class="cursor-move user-select-none rounded-xl bg-emerald-100 shadow-lg border border-gray-200 overflow-visible">
   <!-- header/row relativa -->
-  <div class="relative w-full p-3 flex items-center justify-between">
+  <div class="relative w-full p-3 pt-0 flex items-center justify-between">
     <div class="grid grid-cols-4 h-full">
+      <div class="col-span-4 text-ls mb-2 p-1 rounded-md text-green-700 font-bold">
+       {{ data.label }}
+      </div>
       <div class="col-span-3 align-middle h-full flex justify-center flex-col">
-        <p class="text-ls font-bold text-gray-700">{{ data.label }}</p>
-        <p class="text-xs text-gray-500">Text</p>
+        <span class="inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 inset-ring inset-ring-green-600/20">Text</span>
       </div>
       <div class="align-middle h-full flex flex-col justify-center items-end">
         <div refComponent class="absolute right-1" [data]="{
diff --git a/src/app/shared/nodes/output/output-node.component.html b/src/app/shared/nodes/output/output-node.component.html
index 2bd740d..e21b973 100644
--- a/src/app/shared/nodes/output/output-node.component.html
+++ b/src/app/shared/nodes/output/output-node.component.html
@@ -1,9 +1,12 @@
 <div class="cursor-move user-select-none rounded-xl bg-red-100 shadow-lg border border-gray-200 overflow-visible">
   <!-- header/row relativa -->
-  <div class="relative w-full p-3 flex items-center justify-between">
-    <div class="grid grid-cols-4 h-full gap-1">
-      <div class="align-middle h-full flex flex-col justify-center items-start">
-         <div refComponent class="absolute left-1"   
+  <div class="relative w-full p-3 pt-0 flex items-center justify-between">
+    <div class="grid grid-cols-4 h-full">
+      <div class="col-span-4 text-ls mb-2 p-1 rounded-md text-red-700 font-bold">
+       {{ data.label }}
+      </div>
+      <div class="align-middle h-full flex flex-col justify-center items-end">
+        <div refComponent class="absolute left-1"   
          [data]="{
           type: 'socket',
           side: 'input',
@@ -12,10 +15,12 @@
           payload: inputSocket
         }" [emit]="emit"></div>
       </div>
-      <div class="align-middle col-span-3 h-full flex justify-center items-start flex-col">
-        <p class="text-ls font-bold text-gray-700">{{ data.label }}</p>
-        <p class="text-xs text-gray-500">Text</p>
-      </div>  
+      <div class="col-span-3 align-middle h-full flex justify-center flex-col">
+        <span class="inline-flex items-center rounded-md bg-red-50 px-2 py-1 text-xs font-medium text-red-700 inset-ring inset-ring-red-600/20">Text</span>
+      </div>
+      
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
+
+