luci-theme-openwrt: style tweaks
authorJo-Philipp Wich <jo@mein.io>
Mon, 10 Dec 2018 10:49:05 +0000 (11:49 +0100)
committerJo-Philipp Wich <jo@mein.io>
Mon, 10 Dec 2018 12:41:34 +0000 (13:41 +0100)
 - Collapse table borders by default
 - Vertically align table cell content
 - Inherit font family and size for form widgets
 - Fix redundant horizontal padding for cell labels

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

index 58065948f44f5a12e8e41bb37519c88344da7a14..ee8937d603fb2844fe3ad07cfd30362b5c9255d8 100644 (file)
@@ -29,12 +29,12 @@ body {
        box-sizing: border-box;
 }
 
-.table { display: table; width: 100%; position: relative; }
+.table { display: table; width: 100%; position: relative; border-collapse: collapse; }
 .tr { display: table-row; }
 .thead { display: table-header-group; }
 .tbody { display: table-row-group; }
 .tfoot { display: table-footer-group; }
-.td, .th { display: table-cell; }
+.td, .th { display: table-cell; vertical-align: middle; }
 .th { font-weight: bold; }
 
 .table[width="33%"], .th[width="33%"], .td[width="33%"] { width: 33%; }
@@ -568,8 +568,9 @@ input[type=text],
 input[type=password],
 .cbi-dropdown {
        width: 20em;
-       font-size: 12px;
        height: 22px;
+       font-family: inherit;
+       font-size: inherit;
 }
 
 select[multiple] {
@@ -945,7 +946,7 @@ div.cbi-optionals {
        font-weight: bold;
        text-align: left;
        display: none;
-       padding: 1px;
+       padding: 1px 0;
        white-space: nowrap;
 }