Styling of rulenames badges wraps properly (#419)

CERT-Polska · Oct 11, 2024 · 10351e6 · 10351e6
1 parent 2221791
commit 10351e6
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/src/mqueryfront/src/query/QueryMatchesItem.js b/src/mqueryfront/src/query/QueryMatchesItem.js
@@ -19,15 +19,19 @@ const QueryMatchesItem = (props) => {
             </a>
         ));
 
-    const matchBadges = Object.values(matches).map((v) => (
-        <span
-            key={v}
-            className="badge rounded-pill bg-primary ms-1 mt-1 cursor-pointer"
-            onClick={() => props.changeFilter(v)}
-        >
-            {v}
-        </span>
-    ));
+    const matchBadges = (
+        <div>
+            {Object.values(matches).map((v) => (
+                <span
+                    key={v}
+                    className="badge rounded-pill bg-primary ms-1 mt-1 cursor-pointer text-wrap"
+                    onClick={() => props.changeFilter(v)}
+                >
+                    {v}
+                </span>
+            ))}
+        </div>
+    );
 
     return (
         <tr>