Fixed port layout

Shared.Rcl/Connections/PortLayout.razor

@@ -42,13 +42,13 @@ else
 
                     <div class="@PortClass(true)">
 
-                        <div class="text-zinc-500">
+                    <div class="truncate">
+                        <span class="text-zinc-500">
                             @(index + 1)
-                        </div>
-
-                        <div class="truncate">
-                            @other!.Resource
-                        </div>
+                        </span>
+                        <span> - </span>
+                        <span>@other!.Resource</span>
+                    </div>
 
                         @if (otherGroup != null)
                         {
@@ -69,12 +69,16 @@ else
 
                     <div class="@PortClass(false)">
 
-                        <div class="text-zinc-500">
-                            @(index + 1)
-                        </div>
+       <div>
+    <span class="text-zinc-500">
+        @(index + 1)
+    </span>
+    <span> - </span>
+    <span class="text-zinc-700 italic">free</span>
+</div>
 
-                        <div class="text-zinc-700 italic">
-                            free
+                        <div class="text-[9px] leading-tight invisible">
+                            placeholder
                         </div>
 
                     </div>