From 46aacfafed6b5b7a73a51026ecab528624372620 Mon Sep 17 00:00:00 2001
From: JSZMonkey <22406031+JSZMonkey@users.noreply.github.com>
Date: Mon, 29 Nov 2021 11:44:16 +0800
Subject: [PATCH 1/2] Update dev_status.htm

---
 .../luasrc/view/admin_network/dev_status.htm  | 42 ++++++++-----------
 1 file changed, 18 insertions(+), 24 deletions(-)

diff --git a/luci-app-oaf/luasrc/view/admin_network/dev_status.htm b/luci-app-oaf/luasrc/view/admin_network/dev_status.htm
index 81210b2..050d26b 100755
--- a/luci-app-oaf/luasrc/view/admin_network/dev_status.htm
+++ b/luci-app-oaf/luasrc/view/admin_network/dev_status.htm
@@ -4,29 +4,23 @@ local dsp = require "luci.dispatcher"
 -%>
 
 #display{
-    padding: 10px;
-    display: -webkit-box;
-    -webkit-box-orient: horizontal;
-    -webkit-box-pack: center;
-    -webkit-box-align: center;
-    display: -moz-box;
-    -moz-box-orient: horizontal;
-    -moz-box-pack: center;
-    -moz-box-align: center;
-    display: -o-box;
-    -o-box-orient: horizontal;
-    -o-box-pack: center;
-    -o-box-align: center;
-    display: -ms-box;
-    -ms-box-orient: horizontal;
-    -ms-box-pack: center;
-    -ms-box-align: center;
-    display: box;
-    box-orient: horizontal;
-    box-pack: center;
-    box-align: center;
+	display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    padding: 20px;
+}
+#main{
+	min-width: 510px;
+    height: 300px;
+    display: inline-block;
+    flex: 2 2 10%;
+}
+#main2{
+	min-width: 510px;
+    height: 300px;
+    display: inline-block;
+    flex: 2 2 10%;
 }
-
 table.imagetable {
     font-family: verdana,arial,sans-serif;
     font-size:11px;
@@ -357,8 +351,8 @@ table.imagetable td {
 
 <div class="cbi-section cbi-tblsection">
     <div id="display">
-	<div id="main" style="min-width: 600px;height:300px;"></div>
-    <div id="main2" style="min-width: 600px;height:300px;"></div>
+	<div id="main" class="main left"></div>
+    <div id="main2" class="main2 left"></div>
     </div>
 	<table class="table cbi-section-table" id="user_status_table">
 		<tr class="tr table-titles">

From 8ffdc72b21a1068b88b1fc6eb1006797c00d52fb Mon Sep 17 00:00:00 2001
From: JSZMonkey <22406031+JSZMonkey@users.noreply.github.com>
Date: Mon, 29 Nov 2021 19:34:57 +0800
Subject: [PATCH 2/2] Update dev_status.htm

---
 luci-app-oaf/luasrc/view/admin_network/dev_status.htm | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/luci-app-oaf/luasrc/view/admin_network/dev_status.htm b/luci-app-oaf/luasrc/view/admin_network/dev_status.htm
index 050d26b..0835c10 100755
--- a/luci-app-oaf/luasrc/view/admin_network/dev_status.htm
+++ b/luci-app-oaf/luasrc/view/admin_network/dev_status.htm
@@ -10,13 +10,13 @@ local dsp = require "luci.dispatcher"
     padding: 20px;
 }
 #main{
-	min-width: 510px;
+	min-width: 600px;
     height: 300px;
     display: inline-block;
     flex: 2 2 10%;
 }
 #main2{
-	min-width: 510px;
+	min-width: 600px;
     height: 300px;
     display: inline-block;
     flex: 2 2 10%;