From 14cc9ad072d7ebb01233a4975c17c90371382e70 Mon Sep 17 00:00:00 2001
From: Philippe Perrin <philippe.perrin@sonarsource.com>
Date: Mon, 24 Aug 2020 14:39:52 +0200
Subject: [PATCH] SONAR-12942 Security hostpot category are not displayed
 properly with long category name

---
 .../apps/security-hotspots/components/HotspotCategory.tsx | 2 +-
 .../__tests__/__snapshots__/HotspotCategory-test.tsx.snap | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx
index 21ce4025421..e78ac191272 100644
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotCategory.tsx
@@ -53,7 +53,7 @@ export default function HotspotCategory(props: HotspotCategoryProps) {
         )}
         href="#"
         onClick={() => props.onToggleExpand(categoryKey, !expanded)}>
-        <strong className="flex-1">{title}</strong>
+        <strong className="flex-1 spacer-right break-word">{title}</strong>
         <span>
           <span className="counter-badge">
             {hotspots.length}
diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap b/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap
index c8520210c7e..cd2664c3ad4 100644
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotCategory-test.tsx.snap
@@ -10,7 +10,7 @@ exports[`should render correctly with hotspots 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>
@@ -92,7 +92,7 @@ exports[`should render correctly with hotspots: collapsed 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>
@@ -120,7 +120,7 @@ exports[`should render correctly with hotspots: contains selected 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>
@@ -202,7 +202,7 @@ exports[`should render correctly with hotspots: lastAndIncomplete 1`] = `
     onClick={[Function]}
   >
     <strong
-      className="flex-1"
+      className="flex-1 spacer-right break-word"
     >
       Class Injection
     </strong>
-- 
2.39.5