luci-theme-openwrt: add some compatibility styles
authorJo-Philipp Wich <jo@mein.io>
Tue, 26 Jun 2018 12:59:24 +0000 (14:59 +0200)
committerJo-Philipp Wich <jo@mein.io>
Tue, 26 Jun 2018 12:59:37 +0000 (14:59 +0200)
Add a few CSS rules and general tweaks improving the look of legacy markup.

Signed-off-by: Jo-Philipp Wich <jo@mein.io>
themes/luci-theme-openwrt/htdocs/luci-static/openwrt.org/cascade.css

index 926e8cbfb22626064f69dd9f05c2b234f7b1866b..6f1bae67106ee07930c7eaaaa5821323a69da360 100644 (file)
@@ -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;
 }