luci-theme-openwrt: add some compatibility styles

Add a few CSS rules and general tweaks improving the look of legacy markup.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

1 files changed, 13 insertions, 2 deletions

diff --git a/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css b/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css
index 926e8cbfb2..6f1bae6710 100644
--- a/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css
+++ b/themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css
@@ -410,6 +410,7 @@ h4 {
 	font-size: 112%;
 }
 
+fieldset { border: none; }
 fieldset > legend { float: left; }
 fieldset > legend + * { clear: both; }
 
@@ -418,7 +419,7 @@ fieldset > legend + * { clear: both; }
 }
 
 .cbi-section {
-	padding: .5em;
+	padding: .5em 0;
 	margin-top: .5em;
 }
 
@@ -497,6 +498,10 @@ input[type=password] {
 	height: 14pt;
 }
 
+select[multiple] {
+	height: auto;
+}
+
 input[type=radio],
 input[type=checkbox],
 [data-dynlist] > input + img,
@@ -755,6 +760,11 @@ div.cbi-optionals {
 	margin: 0 0 .5em 0;
 }
 
+.cbi-section-node > .table.cbi-section-table {
+	border: none;
+	margin: 0;
+}
+
 @keyframes flash {
 	0% { opacity: 1; }
 	50% { opacity: .5; }
@@ -1266,10 +1276,11 @@ ul.cbi-tabmenu li.cbi-tab {
 .network-status-table {
 	display: flex;
 	flex-wrap: wrap;
+	margin: -.25em;
 }
 
 .network-status-table .ifacebox {
-	margin: .5em;
+	margin: .25em;
 	font-size: 90%;
 	flex-grow: 1;
 }