From: Grégoire Aubert <gregoire.aubert@sonarsource.com>
Date: Mon, 4 Jun 2018 13:02:54 +0000 (+0200)
Subject: Fix overview analysis event style
X-Git-Tag: 7.5~1086
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=42e3a238ca62b1b861ceb55052aa1edd1afc9d25;p=sonarqube.git

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 c873d0c598a..915316ce2fc 100644
--- 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 7485d11303c..f61e89ebd8a 100644
--- 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 99b68c86254..7f14ac0420a 100644
--- 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;
 }