From 1efb3f85a6c79a79bc0845214bbbe03a0f6b36c1 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Thu, 22 Dec 2016 09:54:49 +0100
Subject: SONAR-7674 apply feedback: improve tooltips, decrease margin

---
 .../main/js/apps/projectActivity/components/EventInner.js   | 13 ++++++++-----
 .../js/apps/projectActivity/components/projectActivity.css  |  4 ++++
 2 files changed, 12 insertions(+), 5 deletions(-)

(limited to 'server/sonar-web')

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;
-- 
cgit v1.2.3