luci-theme-material: mobile style fixes

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

1 files changed, 23 insertions, 1 deletions

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 a59e255a20..1d78edf0cf 100644
--- 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) {