luci-theme-bootstrap: allow network interfaces to line break

The inherited nowrap of white-space causes the interface boxes to not line break, resulting in a horizontal scroll bar when many interfaces are present.

Tested on Chrome and Firefox.

Signed-off-by: Daniel Nilsson <daniel.nilsson94@outlook.com>

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 3afcc6ad99b54979fc3182abd69c3280aa3251d9..f1b6dccab248ced1636c1a1e7ff99e9d3a262fb1 100644 (file)
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -2144,6 +2144,10 @@ th[data-sort-direction="desc"]::after { content: "\a0\25bc"; }
        padding: .25em;
 }
 
+#cbi-network-interface .ifacebox-body {
+       white-space: normal;
+}
+
 .ifacebadge {
        display: inline-block;
        flex-direction: row;