Merge pull request #281 from Timmoth/bug/264

fixed minor UI issues

Shared.Rcl/Components/SshExport.razor

@@ -48,8 +48,15 @@
         <div>
             <div class="text-zinc-400 mb-1">Default SSH Port</div>
             <input type="number"
-                   class="w-full bg-zinc-800 text-zinc-200 p-2 rounded border border-zinc-700"
-                   data-testid="ssh-default-port-input"
+            class="w-full px-3 py-2 rounded-md
+                            bg-zinc-800 text-zinc-100
+                            border border-zinc-600
+                            placeholder-zinc-500
+                            focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500
+                            hover:border-zinc-400
+                            transition-colors duration-150
+                            cursor-text"
+                                               data-testid="ssh-default-port-input"
                    @bind="_defaultPort"/>
             <div class="text-xs text-zinc-500 mt-1">
                 Used if ssh_port or ansible_port label is not defined

Shared.Rcl/Connections/PortLayout.razor

@@ -113,15 +113,16 @@ else
     {
         return $@"
             w-28
-            h-12
+            min-h-12
+            py-1
             border-r
             border-b
             border-zinc-800
             text-[10px]
-            leading-tight
+            leading-snug
             flex
             flex-col
-            justify-center
+            justify-start
             px-1
             transition
             hover:bg-zinc-800

Shared.Rcl/Services/ServiceCardComponent.razor

@@ -107,7 +107,15 @@
             {
                 <input type="number"
                        data-testid="service-port-input"
-                       @bind="_edit.Port"/>
+            class="w-full px-3 py-2 rounded-md
+                            bg-zinc-800 text-zinc-100
+                            border border-zinc-600
+                            placeholder-zinc-500
+                            focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500
+                            hover:border-zinc-400
+                            transition-colors duration-150
+                            cursor-text"
+                                                   @bind="_edit.Port"/>
             }
             else if (Service.Network?.Port.HasValue == true)
             {

Shared.Rcl/Ups/UpsCardComponent.razor

@@ -92,8 +92,15 @@
             {
                 <input type="number"
                        data-testid="ups-capacity-input"
-                       class="w-full px-3 py-2 rounded-md bg-zinc-800 text-zinc-100 border border-zinc-600"
-                       @bind="_edit.Va"/>
+            class="w-full px-3 py-2 rounded-md
+                            bg-zinc-800 text-zinc-100
+                            border border-zinc-600
+                            placeholder-zinc-500
+                            focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500
+                            hover:border-zinc-400
+                            transition-colors duration-150
+                            cursor-text"
+                                                   @bind="_edit.Va"/>
             }
             else if (Ups.Va is not null)
             {