From 4b0347d498a9c779b4ece45b7b28dd6b9ee752ae Mon Sep 17 00:00:00 2001
From: Florian Eckert <fe@dev.tdt.de>
Date: Tue, 30 Jan 2018 07:22:06 +0100
Subject: [PATCH] luci-app-mwan3: update look and feel interface status page

Signed-off-by: Florian Eckert <fe@dev.tdt.de>
---
 .../luci-app-mwan3/luasrc/view/mwan/status_interface.htm  | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/applications/luci-app-mwan3/luasrc/view/mwan/status_interface.htm b/applications/luci-app-mwan3/luasrc/view/mwan/status_interface.htm
index 2fb5ea484..a796af815 100644
--- a/applications/luci-app-mwan3/luasrc/view/mwan/status_interface.htm
+++ b/applications/luci-app-mwan3/luasrc/view/mwan/status_interface.htm
@@ -18,7 +18,9 @@
 	XHR.poll(5, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface_status")%>', null,
 		function(x, status)
 		{
-			var statusDiv = document.getElementById('mwan_status_text');
+			var legend = document.getElementById('diag-rc-legend');
+			var statusDiv = document.getElementById('diag-rc-output');
+			legend.style.display = 'none';
 			if (status.interfaces)
 			{
 				var statusview = '';
@@ -62,10 +64,13 @@
 	);
 //]]></script>
 
-<div id="mwan_interface_status">
-	<fieldset id="interface_field" class="cbi-section">
-		<legend><%:MWAN status - Interface Live Status%></legend>
-		<div id="mwan_status_text"><img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align:middle" /><%:Collecting data...%></div>
+<div class="cbi-map">
+	<h2 name="content"><%:MWAN Status - Interface%></h2>
+	<fieldset class="cbi-section">
+		<legend id="diag-rc-legend"><%:Collecting data...%></legend>
+		<span id="diag-rc-output">
+			<img src="<%=resource%>/icons/loading.gif" alt="<%:Loading%>" style="vertical-align: middle;" />
+		</span>
 	</fieldset>
 </div>
 
-- 
2.11.0