From bf66d678c447ac04c6de5faa9b6145977dc9871a Mon Sep 17 00:00:00 2001
From: Omar Kassem <omarksm09@gmail.com>
Date: Thu, 14 Nov 2024 10:38:58 +0200
Subject: [PATCH] Style(Domains): reorder address feilds to be ip then port
 (#3643)

---
 .../playground/src/weblets/tf_domains.vue     | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/playground/src/weblets/tf_domains.vue b/packages/playground/src/weblets/tf_domains.vue
index 6c7e2bf49e..80abe8778c 100644
--- a/packages/playground/src/weblets/tf_domains.vue
+++ b/packages/playground/src/weblets/tf_domains.vue
@@ -29,16 +29,6 @@
           <TfSelectionDetails disable-node-selection require-domain use-fqdn v-model="selectionDetails" />
         </div>
 
-        <input-tooltip tooltip="The port used to access the machine.">
-          <input-validator
-            :value="port"
-            :rules="[validators.required('Port is required.'), validators.isPort('Please provide a valid port.')]"
-            #="{ props }"
-          >
-            <v-text-field label="Port" v-model.number="port" type="number" v-bind="props" />
-          </input-validator>
-        </input-tooltip>
-
         <input-tooltip
           tooltip="User's machine's IP: It could be Mycelium IP, Yggdrasil IP, or a public IP (IPv4 or IPv6)."
         >
@@ -55,6 +45,16 @@
           </input-validator>
         </input-tooltip>
 
+        <input-tooltip tooltip="The port used to access the machine.">
+          <input-validator
+            :value="port"
+            :rules="[validators.required('Port is required.'), validators.isPort('Please provide a valid port.')]"
+            #="{ props }"
+          >
+            <v-text-field label="Port" v-model.number="port" type="number" v-bind="props" />
+          </input-validator>
+        </input-tooltip>
+
         <input-tooltip
           tooltip="When enabled, the backend service will terminate the TLS traffic, otherwise the gateway service will do the TLS traffic termination."
           inline