From e0d0fab4bf12775ee280e38e0c7793acc584efdd Mon Sep 17 00:00:00 2001
From: Maxime Quandalle <maxime@quandalle.com>
Date: Thu, 22 Apr 2021 15:29:50 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Retouche=20bouton=20retour=20d?=
 =?UTF-8?q?=C3=A9veloppeurs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../source/pages/integration/index.tsx        | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/mon-entreprise/source/pages/integration/index.tsx b/mon-entreprise/source/pages/integration/index.tsx
index c283ea71f..91941903f 100644
--- a/mon-entreprise/source/pages/integration/index.tsx
+++ b/mon-entreprise/source/pages/integration/index.tsx
@@ -1,8 +1,10 @@
 import { ScrollToTop } from 'Components/utils/Scroll'
 import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import { useContext } from 'react'
+import emoji from 'react-easy-emoji'
 import { Trans } from 'react-i18next'
 import { Link, Route, Switch, useLocation } from 'react-router-dom'
+import styled from 'styled-components'
 import { TrackChapter } from '../../ATInternetTracking'
 import Iframe from './Iframe'
 import Library from './Library'
@@ -16,13 +18,14 @@ export default function Integration() {
 			<TrackChapter chapter1="integration" />
 			<ScrollToTop />
 			{pathname !== sitePaths.integration.index && (
-				<div className="ui__ card dark-bg" css="text-align: center">
-					🛠{' '}
-					<Link className="ui__ simple button" to={sitePaths.integration.index}>
-						<Trans>Outils pour les développeurs</Trans>
-					</Link>{' '}
-					🛠
-				</div>
+				<BackNavigationForDevs className="ui__ dark-bg">
+					<Link
+						className="ui__ simple small push-left button"
+						to={sitePaths.integration.index}
+					>
+						← <Trans>Outils pour les développeurs</Trans> {emoji('👨‍💻')}
+					</Link>
+				</BackNavigationForDevs>
 			)}
 			<Switch>
 				<Route exact path={sitePaths.integration.index} component={Options} />
@@ -32,3 +35,10 @@ export default function Integration() {
 		</>
 	)
 }
+
+const BackNavigationForDevs = styled.div`
+	transform: translateY(1rem);
+	padding: 0.25rem 1rem;
+	width: max-content;
+	border-radius: 0.25rem;
+`