fix prefixlabel thumb/port layout/css

Author: devhelpr

libs/visual-programming-system/src/components/css-classes/thumb-css-classes.ts

@@ -11,10 +11,10 @@ export const getThumbCssClasses = () => {
     hover: 'hover',
     cursorNotAllowed: 'cursor-not-allowed',
     dragging: 'dragging',
-    nodePortClasses: `inline-flex items-center origin-center`,
+    nodePortClasses: `inline-flex items-center origin-center relative`,
     prefixIconClasses: `relative text-white -left-[10px] thumb-prefix-icon`,
-    prefixLabelClasses: `thumb-prefix-label whitespace-nowrap relative pointer-events-none select-none `,
-    prefixLabelEndClasses: `-right-[30px] block`,
+    prefixLabelClasses: `thumb-prefix-label absolute whitespace-nowrap pointer-events-none select-none `,
+    prefixLabelEndClasses: `-right-[50px] block`,
     prefixLabelStartClasses: `origin-right -translate-x-[100%] text-right flex justify-end`,
     innerCircleDefaultClasses: `inner-thumb absolute rounded top-[3px] outline outline-[2px] outline-slate-800 outline-solid`,
     innerCircleClasses: `flex items-center justify-center`,