SONAR-7674 apply feedback: improve tooltips, decrease margin

2 files changed, 12 insertions, 5 deletions

diff --git a/server/sonar-web/src/main/js/apps/projectActivity/components/EventInner.js b/server/sonar-web/src/main/js/apps/projectActivity/components/EventInner.js
index 61dbfa32124..8c65ef0a8ad 100644
--- a/server/sonar-web/src/main/js/apps/projectActivity/components/EventInner.js
+++ b/server/sonar-web/src/main/js/apps/projectActivity/components/EventInner.js
@@ -19,6 +19,7 @@
  */
 // @flow
 import React from 'react';
+import { TooltipsContainer } from '../../../components/mixins/tooltips-mixin';
 import type { Event as EventType } from '../../../store/projectActivity/duck';
 import { translate } from '../../../helpers/l10n';
 import './Event.css';
@@ -38,11 +39,13 @@ export default class EventInner extends React.Component {
     }
 
     return (
-        <span>
-          <span className="note">{translate('event.category', event.category)}:</span>
-          {' '}
-          <strong title={event.description}>{event.name}</strong>
-        </span>
+        <TooltipsContainer>
+          <span>
+            <span className="note">{translate('event.category', event.category)}:</span>
+            {' '}
+            <strong title={event.description} data-toggle="tooltip">{event.name}</strong>
+          </span>
+        </TooltipsContainer>
     );
   }
 }
diff --git a/server/sonar-web/src/main/js/apps/projectActivity/components/projectActivity.css b/server/sonar-web/src/main/js/apps/projectActivity/components/projectActivity.css
index 79e426e0172..5e8d9a7d8de 100644
--- a/server/sonar-web/src/main/js/apps/projectActivity/components/projectActivity.css
+++ b/server/sonar-web/src/main/js/apps/projectActivity/components/projectActivity.css
@@ -6,6 +6,10 @@
   margin-bottom: 40px;
 }
 
+.project-activity-day:last-child {
+  margin-bottom: 10px;
+}
+
 .project-activity-date {
   margin-bottom: 16px;
   font-size: 15px;