From 8e3e5ecf1776f1866516def961e6e0c21b44f6c3 Mon Sep 17 00:00:00 2001
From: fujr <fjrcn@outlook.com>
Date: Fri, 11 Apr 2025 17:24:51 +0800
Subject: [PATCH] style:  improved layout in at debug  page

---
 .../luasrc/view/qmodem/modem_debug.htm           | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/luci/luci-app-qmodem/luasrc/view/qmodem/modem_debug.htm b/luci/luci-app-qmodem/luasrc/view/qmodem/modem_debug.htm
index a870b6d..c67510c 100644
--- a/luci/luci-app-qmodem/luasrc/view/qmodem/modem_debug.htm
+++ b/luci/luci-app-qmodem/luasrc/view/qmodem/modem_debug.htm
@@ -1081,9 +1081,13 @@
 			table.appendChild(tr);
 			tr = this.createTR();
 			td_l = this.createTD();
-			td_l.appendChild(this.at_btn);
-			td_l.appendChild(this.clear_port_btn);
-			td_l.appendChild(this.clear_cmd_btn);
+			let span = document.createElement('span');
+			span.classList.add("flex_container");
+			td_l.setAttribute("colspan",2);
+			span.appendChild(this.at_btn);
+			span.appendChild(this.clear_port_btn);
+			span.appendChild(this.clear_cmd_btn);
+			td_l.appendChild(span);
 			tr.appendChild(td_l);
 			table.appendChild(tr);
 			this.fieldset.appendChild(table);
@@ -1348,6 +1352,12 @@
 		align-items: center;
 		min-width: 15%;
 	}
+
+	.flex_container {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-around;
+	}
 </style>
 <div class="cbi-map">
 	<fieldset class="cbi-section">