luci-theme-bootstrap: overhaul styles

[project/luci.git] / themes / luci-theme-bootstrap / htdocs / luci-static / bootstrap / mobile.css

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
index 9f46e94bd94ed39b9f71a6caa415a219d5115419..1c72835f093a519e1e6496992feed62fbdcecf0c 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
@@ -174,19 +174,23 @@ header h3 a, header .brand {
                font-weight: bold;
        }
 
-       .cbi-value-field, .cbi-dropdown {
+       .cbi-value-field, .cbi-select, .cbi-dropdown:not(.btn):not(.cbi-button) {
                width: 100%;
                margin: 0;
        }
 
        input, textarea, select,
-       .cbi-dropdown > ul > li input[type="text"] {
+       .cbi-dropdown > ul > li {
                font-size: 16px !important;
-               line-height: 28px;
                height: auto;
        }
 
-       select, input[type="text"], input[type="password"] {
+       .cbi-dropdown > ul > li input[type="text"] {
+               line-height: 28px;
+       }
+
+       select, input[type="text"], input[type="password"],
+       .cbi-dropdown > ul > li input[type="text"] {
                width: 100%;
                height: 30px;
        }
@@ -270,11 +274,12 @@ header h3 a, header .brand {
        }
 
        header .pull-right {
-               flex: 1 1 20%;
+               flex: 0 1 20%;
                display: flex;
                flex-direction: column;
                padding: 0;
                justify-content: space-around;
+               margin: .2em 5px .2em auto;
        }
 
        .menu-dropdown, .dropdown-menu {