From e7609bdd393d6f8953828824c20b9a5ec2ff3af2 Mon Sep 17 00:00:00 2001
From: Florian Eckert <fe@dev.tdt.de>
Date: Wed, 8 Jul 2020 11:32:34 +0200
Subject: [PATCH] luci-app-mwan3: fix diagnostics status page style issues

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
(cherry picked from commit 9daf129cbaf6d15716abf77517e4b7ea5d5f8249)
---
 .../luasrc/view/mwan/status_diagnostics.htm   | 57 +++++++++++--------
 1 file changed, 32 insertions(+), 25 deletions(-)

diff --git a/applications/luci-app-mwan3/luasrc/view/mwan/status_diagnostics.htm b/applications/luci-app-mwan3/luasrc/view/mwan/status_diagnostics.htm
index 454adcc1cd..b08f1d138a 100644
--- a/applications/luci-app-mwan3/luasrc/view/mwan/status_diagnostics.htm
+++ b/applications/luci-app-mwan3/luasrc/view/mwan/status_diagnostics.htm
@@ -55,36 +55,43 @@
 		<%if not require("luci.sys").init.enabled("mwan3") then%>
 		<div><strong><%:INFO: MWAN not running%></strong></div>
 		<%end%>
-		<fieldset class="cbi-section">
-			<br />
-
-			<div style="width:30%; float:left">
-				<label class="cbi-value-title"><%:Interface%></label>
-				<select name="iface" style="width:auto">
-					<% for _, z in ipairs(iface) do -%><option value="<%=z%>"><%=z%></option><%- end %>
-				</select>
+		<div class="cbi-section">
+			<div class="cbi-section-node">
+				<div class="cbi-value">
+					<label class="cbi-value-title"><%:Interface%></label>
+					<div class="cbi-value-field">
+					<select class="cbi-input-select" name="iface">
+						<% for _, z in ipairs(iface) do -%><option value="<%=z%>"><%=z%></option><%- end %>
+					</select>
+				</div>
+				</div>
 			</div>
 
-			<div style="width:30%; float:left">
-				<label class="cbi-value-title"><%:Task%></label>
-				<select name="task" style="width:auto">
-					<option value="ping_gateway"><%:Ping default gateway%></option>
-					<option value="ping_trackips"><%:Ping tracking IP%></option>
-					<option value="check_rules"><%:Check IP rules%></option>
-					<option value="check_routes"><%:Check routing table%></option>
-					<option value="hotplug_ifup"><%:Hotplug ifup%></option>
-					<option value="hotplug_ifdown"><%:Hotplug ifdown%></option>
-				</select>
+			<div class="cbi-section-node">
+				<div class="cbi-value">
+					<label class="cbi-value-title"><%:Task%></label>
+					<div class="cbi-value-field">
+					<select class="cbi-input-select" name="task">
+						<option value="ping_gateway"><%:Ping default gateway%></option>
+						<option value="ping_trackips"><%:Ping tracking IP%></option>
+						<option value="check_rules"><%:Check IP rules%></option>
+						<option value="check_routes"><%:Check routing table%></option>
+						<option value="hotplug_ifup"><%:Hotplug ifup%></option>
+						<option value="hotplug_ifdown"><%:Hotplug ifdown%></option>
+					</select>
+					</div>
+				</div>
 			</div>
+		</div>
 
-			<div style="width:30%; float:left">
-				<input type="button" value="<%:Execute%>" class="cbi-button cbi-button-apply" onclick="update_status(this.form.iface.value, this.form.task.value)"/>
-			</div>
-		</fieldset>
+		<div class="cbi-section-create">
+			<input type="button" value="<%:Execute%>" class="btn cbi-button cbi-button-apply" onclick="update_status(this.form.iface.value, this.form.task.value)"/>
+		</div>
+
+		<div class="cbi-section" style="display:none">
+			<span id="diag-rc-output"></span>
+		</div>
 	</div>
-	<fieldset class="cbi-section" style="display:none">
-		<span id="diag-rc-output"></span>
-	</fieldset>
 </form>
 
 <%+footer%>
-- 
2.30.2