luci-theme-bootstrap: add svg help icon to form field descriptions

The still referenced help.gif icon is absent by default since it has been
moved to luci-compat.

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

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 562f57f5cbe919b7951cf8645aa6941bab96bce1..5b5b7ac2dcf3e4fccd42fecb78ba886856d22f8c 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1866,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;
@@ -1926,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 {