fix

index.html

@@ -23,6 +23,9 @@
                     <label>
                         <input type="radio" name="mode" value="wr"> WR
                     </label>
+                    <label> </label>
+                    <label class="addr-label"><div>Address</div></label>
+                    <label class="data-label"><div>Data</div></label>
                 </div>
                 <div class="input-group">
                     <div class="checkbox-group">
@@ -33,8 +36,8 @@
                             <input type="checkbox" id="inc"> INC
                         </label>
                     </div>
+                    <input type="text" placeholder="Address" id="address" class="reg-addr valid-args">
                     <input type="text" placeholder="Data" id="data" class="reg-data valid-args">
-                    <input type="text" placeholder="Reg-address" id="address" class="reg-addr valid-args">
                     <button class="btn-plddatawr" id="send-btn">Send</button>
                 </div>
             </div>

thirdparty/index.css

@@ -78,14 +78,36 @@ button:hover {
     gap: 15px;
     align-items: center;
 }
+.addr-label {
+    position: relative;
+    margin-left: auto;
+    width: 10vw;
+    text-align: center;
+    border: 1px solid red;
+}
+.data-label {
+    position: relative;
+    width: 80%;
+    max-width: 30%;
+    border: 1px solid red;
+}
 .log-desc {
+    position: relative;
     text-align: center;
     font-size: 2vw;
     font-weight: bold;
-    color: white;
-    width: 100%;
-    padding: 0%;
+    color: #E0E0E0;
 }
+
+/* .reg-data {
+    width: 80%;
+    max-width: 80%;
+}
+.reg-addr {
+    width: 15%;
+    max-width: 15%;
+} */
+
 .log {
     position: absolute;
     right: 0;
@@ -96,7 +118,7 @@ button:hover {
     width: 30%;
     max-width: 30%;
     border-radius: 4px;
-    padding: 10px;
+    padding: 15px;
     overflow-y: scroll;
     color: green;
     font-size: 1.4vw;

thirdparty/index.js

@@ -96,7 +96,7 @@ $(window).ready(function () {
                     $('#port').prop("disabled", false);
                     $('#ipAddress').val("");
                     $('#port').val("");
-                    $('#connect-btn').val("Connect");
+                    $('#connect-btn').text("Connect");
                 }
                 return status ? 
                     ok_msg_conn(`Connection closed`)    
@@ -108,7 +108,7 @@ $(window).ready(function () {
                     valid('port');
                     $('#ipAddress').prop("disabled", true);
                     $('#port').prop("disabled", true);
-                    $('#connect-btn').val("Close");
+                    $('#connect-btn').text("Close");
                 } else {
                     invalid('ipAddress');
                     invalid('port');