Better fix for scoped label break across lines using inline-flex

Author: brechtvl

web_src/less/_repository.less

@@ -2825,15 +2825,14 @@
 
 .labels-list .label {
   margin: 2px 0;
-  display: inline-block !important;
+  display: inline-flex !important;
   line-height: 1.3em; // there is a `font-size: 1.25em` for inside emoji, so here the line-height needs to be larger slightly
 }
 
-// Scoped labels with different colors on left and right, and slanted divider in the middle
+// Scoped labels with different colors on left and right
 .scope-parent {
   background: none !important;
   padding: 0 !important;
-  white-space: nowrap; // Don't break left and right part across lines
 }
 
 .ui.label.scope-left {