From: Aaron Goodman <aaronjg@stanford.edu>
Date: Tue, 18 Aug 2020 00:36:38 +0000 (-0400)
Subject: luci-app-mwan3: fix interface grid
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=refs%2Fpull%2F4361%2Fhead;p=project%2Fluci.git

luci-app-mwan3: fix interface grid

Interface grid can become misaligned due to varying number of
lines. Use non-breaking spaces to ensure all interface boxes are three
lines long.

Signed-off-by: Aaron Goodman <aaronjg@stanford.edu>
---

diff --git a/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm b/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm
index 3cb0ca224e..468aa12b41 100644
--- a/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm
+++ b/applications/luci-app-mwan3/luasrc/view/mwan/overview_status_interface.htm
@@ -33,7 +33,7 @@ XHR.poll(-1, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface
 						case 'online':
 							state = '<%:Online%>';
 							time = String.format(
-								'<div><strong>Uptime: </strong>%s</div>',
+								'<div><strong>Uptime:&nbsp;</strong>%s</div>',
 								secondsToString(status.interfaces[iface].online)
 							);
 							css = 'success';
@@ -41,13 +41,14 @@ XHR.poll(-1, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface
 						case 'offline':
 							state = '<%:Offline%>';
 							time = String.format(
-								'<div><strong>Downtime: </strong>%s</div>',
+								'<div><strong>Downtime:&nbsp;</strong>%s</div>',
 								secondsToString(status.interfaces[iface].offline)
 							);
 							css = 'danger';
 							break;
 						default:
 							state = '<%:Disabled%>';
+							time = '<div>&nbsp;</div>'
 							css = 'warning';
 							break;
 					}
@@ -56,11 +57,11 @@ XHR.poll(-1, '<%=luci.dispatcher.build_url("admin", "status", "mwan", "interface
 						css
 					);
 					statusview += String.format(
-						'<div><strong>Interface: </strong>%s</div>',
+						'<div><strong>Interface:&nbsp;</strong>%s</div>',
 						iface
 					);
 					statusview += String.format(
-						'<div><strong>Status: </strong>%s</div>',
+						'<div><strong>Status:&nbsp;</strong>%s</div>',
 						state
 					);
 					if (time)