luci-theme-material: mobile style fixes

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

diff --git a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
index a59e255a20db0cf38b5bf52e82e75a922ada9501..1d78edf0cffaf6e00ee147986cab4ed60eea41e8 100644 (file)
--- a/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
+++ b/themes/luci-theme-material/htdocs/luci-static/material/cascade.css
@@ -214,6 +214,7 @@ input:not(.cbi-button):focus,
        border-color: var(--main-color);
 }
 
+.cbi-dropdown,
 select[multiple="multiple"] {
        height: auto;
 }
@@ -711,6 +712,10 @@ h5 {
        box-shadow: none;
 }
 
+.cbi-modal .cbi-tabmenu {
+       margin-left: 0;
+}
+
 .cbi-map-descr,
 .cbi-section-descr {
        font-size: small;
@@ -1615,6 +1620,7 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
        line-height: normal;
        flex-basis: 100%;
        margin-bottom: .5em;
+       max-width: 100%;
 }
 
 .modal > pre,
@@ -2845,7 +2851,7 @@ input[name="nslookup"] {
        }
 
        #maincontent > .container {
-               margin: 0 1rem 1.5rem 1rem;
+               margin: 0 .5rem 1.5rem .5rem;
        }
 
        .main > .main-left > .nav > .slide > .menu,
@@ -3003,6 +3009,22 @@ input[name="nslookup"] {
        .hide-xs:not([data-title="MAC-Address"]) {
                display: none;
        }
+
+       .cbi-modal {
+               padding: .5rem;
+       }
+
+       .cbi-modal .cbi-value {
+               padding: 0 0 .25rem 0;
+       }
+
+       .cbi-modal [data-tab-title] {
+               padding: 0 .25rem !important;
+       }
+
+       [data-tab-title] {
+               padding: 0 .5rem !important;
+       }
 }
 
 @media screen and (min-width: 600px) {