2 files changed, 16 insertions, 7 deletions

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index 63eb51cceb..5b5b7ac2dc 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1294,6 +1294,7 @@ body.modal-overlay-active #modal_overlay {
 	border-bottom-color: #bbb;
 	border-radius: 4px;
 	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+	white-space: pre;
 }
 
 .btn:focus,
@@ -1865,8 +1866,6 @@ header .pull-right { padding-top: 8px; }
 .middle { vertical-align: middle !important; }
 .bottom { vertical-align: bottom !important; }
 
-.cbi-value-field { line-height: 1.5em; }
-
 .cbi-value-field input[type=checkbox],
 .cbi-value-field input[type=radio] {
 	margin-top: 8px;
@@ -1925,11 +1924,9 @@ table table td,
 }
 
 .cbi-value-description {
-	background-image: url(/luci-static/resources/cbi/help.gif);
-	background-position: .25em .2em;
-	background-repeat: no-repeat;
-	margin: .25em 0 0 0;
-	padding: 0 0 0 1.7em;
+	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path fill='%230069d6' d='M10 0A10 10 0 000 10a10 10 0 0010 10 10 10 0 0010-10A10 10 0 0010 0zm1 17H9v-2h2v2zm2.1-7.7l-.9.9c-.8.7-1.2 1.3-1.2 2.8H9v-.5c0-1.1.4-2.1 1.2-2.8l1.2-1.3c.4-.3.6-.8.6-1.4a2 2 0 00-2-2 2 2 0 00-2 2H6a4 4 0 014-4 4 4 0 014 4c0 .9-.4 1.7-.9 2.3z'/></svg>") 0 .05em/1em no-repeat;
+	margin: .25em 0 0;
+	padding: .1em 0 0 1.3em;
 }
 
 .cbi-section-error {
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 466573b26f..384a1a22ad 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/mobile.css
@@ -325,6 +325,18 @@ header h3 a, header .brand {
 	[data-page="admin-status-processes"] .td[data-widget="button"]::before {
 		display: none;
 	}
+
+	[data-name="bridge-vlan"] > div {
+		overflow: visible !important;
+	}
+
+	[data-name="bridge-vlan"] .td[data-title] {
+		flex-basis: 33%;
+	}
+
+	[data-name="bridge-vlan"] .td[data-title]::before {
+		content: attr(data-title);
+	}
 }
 
 @media screen and (max-device-width: 375px) {