From e41d2688d17bdd41c7058187ceb92196356ba06b Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Wed, 12 Jun 2019 14:21:25 +0200
Subject: [PATCH] :art: meilleur point d'interrogation

---
 source/components/SalaryExplanation.js |  1 +
 source/components/ui/InfoBulle.css     | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/source/components/SalaryExplanation.js b/source/components/SalaryExplanation.js
index c9a80c947..6444d3019 100644
--- a/source/components/SalaryExplanation.js
+++ b/source/components/SalaryExplanation.js
@@ -27,6 +27,7 @@ export default compose(
 					<DistributionSection />
 				</>
 			)}
+			<br />
 			<p className="ui__ notice">
 				<Trans i18nKey="payslip.notice">
 					Le simulateur vous aide à comprendre votre bulletin de paie, sans lui
diff --git a/source/components/ui/InfoBulle.css b/source/components/ui/InfoBulle.css
index c0c239ee6..d23835a5e 100644
--- a/source/components/ui/InfoBulle.css
+++ b/source/components/ui/InfoBulle.css
@@ -1,16 +1,16 @@
 .info-bulle__interrogation-mark {
-	position: relative;
 	color: var(--colour);
 	border: 1px solid var(--colour);
 	display: inline-block;
-	border-radius: 50%;
-
 	font-weight: bold;
-	font-size: 75%;
 	user-select: none;
-	width: 1.5em;
-	height: 1.5em;
+	font-size: 75%;
+	width: 2.8ex;
+	border-radius: 50%;
+	margin-right: 0.2em;
+	padding: 1px;
 	text-align: center;
+	text-decoration: none;
 }
 .info-bulle__interrogation-mark:focus {
 	outline: 1px dotted var(--darkColour);