luci-theme-bootstrap: fix ifacebox cutoff on OS X Safari

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

1 files changed, 10 insertions, 3 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 7e9c8eb324..7c90cf2801 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -1996,8 +1996,6 @@ table table td,
 }
 
 .network-status-table .ifacebox-body > div {
-	display: flex;
-	flex-wrap: wrap;
 	margin: -.125em;
 }
 
@@ -2008,13 +2006,22 @@ table table td,
 
 .ifacebadge.large,
 .network-status-table .ifacebox-body .ifacebadge {
-	display: inline-flex;
+	display: flex;
 	flex: 1;
 	padding: .25em;
 	min-width: 220px;
 	margin: .125em;
 }
 
+.ifacebadge.large {
+	display: inline-flex;
+}
+
+.network-status-table .ifacebox-body .ifacebadge > span {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 .ifacebadge > *,
 .ifacebadge.large > * {
 	margin: 0 .125em;