Fix overview analysis event style

diff --git a/server/sonar-web/src/main/js/apps/overview/events/Analysis.tsx b/server/sonar-web/src/main/js/apps/overview/events/Analysis.tsx
index c873d0c598a92ec39840c4d120b610458d635b3c..915316ce2fcb60a635462f8a8f0ed5b73e4571a6 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/events/Analysis.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/events/Analysis.tsx
@@ -50,7 +50,7 @@ export default function Analysis({ analysis, ...props }: Props) {
       </div>
 
       {sortedEvents.length > 0 ? (
-        <div className="project-activity-events">
+        <div className="overview-activity-events">
           {sortedEvents.map(event => <Event event={event} key={event.key} />)}
         </div>
       ) : (

diff --git a/server/sonar-web/src/main/js/apps/overview/events/__tests__/__snapshots__/Analysis-test.tsx.snap b/server/sonar-web/src/main/js/apps/overview/events/__tests__/__snapshots__/Analysis-test.tsx.snap
index 7485d11303c49f0bfb24dbf2621b28847f8d25a3..f61e89ebd8adc832d13c7ca29e58e9cb6338db6a 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/events/__tests__/__snapshots__/Analysis-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/overview/events/__tests__/__snapshots__/Analysis-test.tsx.snap
@@ -14,7 +14,7 @@ exports[`should sort the events with version first 1`] = `
     </strong>
   </div>
   <div
-    className="project-activity-events"
+    className="overview-activity-events"
   >
     <Event
       event={

diff --git a/server/sonar-web/src/main/js/apps/overview/styles.css b/server/sonar-web/src/main/js/apps/overview/styles.css
index 99b68c862549724e005816efe3d2218dbdc8c48c..7f14ac0420a6eaa2289aea2d0d1cdc98115fe7f0 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/styles.css
+++ b/server/sonar-web/src/main/js/apps/overview/styles.css
@@ -418,6 +418,12 @@
   max-width: 120px;
 }
 
+.overview-activity-events {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
 .overview-analysis-event {
   display: inline-block;
 }