From e64bae7b5fd114917952300004195fa18ed3c433 Mon Sep 17 00:00:00 2001
From: Alix JEUDI--LEMOINE <alix.jeudi--lemoine@etu.uca.fr>
Date: Thu, 5 Jun 2025 21:19:02 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Adjusted=20the=20adventurer=20po?=
 =?UTF-8?q?sition=20and=20descriptions=20in=20the=20intro=20service.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/services/intro/intro.service.ts | 20 ++++++++++----------
 src/styles.css                          |  2 +-
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/app/services/intro/intro.service.ts b/src/app/services/intro/intro.service.ts
index eceb32b..d90959a 100644
--- a/src/app/services/intro/intro.service.ts
+++ b/src/app/services/intro/intro.service.ts
@@ -10,7 +10,7 @@ export class IntroService {
   constructor(
     private modalService: ModalService,
     private navbarService: NavbarService
-    ) {}
+  ) {}
 
   private sleep(ms: number): Promise<void> {
     return new Promise(resolve => setTimeout(resolve, ms));
@@ -45,7 +45,7 @@ export class IntroService {
           { element: '#quete', intro: "N'hésitez pas à réaliser les différentes quêtes, pour un petit plaisir personnel, que vous pourrez retrouver ici !" },
         ],
         exitOnOverlayClick: false,
-        disableInteraction: false,
+        disableInteraction: true,
       });
 
       intro.onstart(async (element) => {
@@ -67,16 +67,16 @@ export class IntroService {
       intro.setOptions({
         tooltipClass: 'introjs-tooltip custom-tooltip-with-avatar',
         steps: [
-          { element: '#add', intro: "Le point important : l'ajout de pin ! \n Allons voir comment cela fonctionne !" },
+          { element: '#add', intro: "Le point important : l'ajout de pin ! <br>Allons voir ensemble comment cela fonctionne." },
           { element: '#add-pin-modal-title', intro: 'Ajoutez le titre de votre pin, le lieu du pin par exemple !' },
-          { element: '#add-pin-modal-image', intro: 'Glissez et déposez toutes les images que vous souhaitez !\n\nTIP : La localisation de la première image sera récupérée automatiquement 😎' },
-          { element: '#add-pin-modal-localisation', intro: "Rentrez l'adresse de l'endroit où vos photos ont été prises !" },
+          { element: '#add-pin-modal-image', intro: 'Glissez et déposez toutes les images que vous souhaitez ! <br> <br>TIP : La localisation de la première image sera récupérée automatiquement 😎' },
+          { element: '#add-pin-modal-localisation', intro: "Si l'adresse n'a pas été récupérée automatiquement, vous pouvez la renseigner manuellement." },
           { element: '#add-pin-modal-description', intro: 'Une petite description de votre voyage pour vous souvenir des points importants !' },
           { element: '#add-pin-modal-date', intro: 'Ajoutez la date de votre voyage, très important pour la frise chronologique !' },
           { element: '#add-pin-modal-validate', intro: "Et voilà vous n'avez plus qu'à valider et ajouter votre pin !" },
         ],
         exitOnOverlayClick: false,
-        disableInteraction: false,
+        disableInteraction: true
       });
 
       intro.onchange(async (element) => {
@@ -106,12 +106,12 @@ export class IntroService {
       intro.setOptions({
         tooltipClass: 'custom-tooltip-with-avatar',
         steps: [
-          { element: '#friend', intro: "Mémory Map c'est aussi du social ! Voyons voir comment ajouter un ami !" },
-          { element: '#friend-search-bar', intro: "Cherchez votre ami avec son pseudo afin de l'ajouter !" },
-          { element: '#friend-list', intro: "Ici vous retrouverez vos amis, ainsi que vos demandes d'amis, ajoutez ou refusez la personne !" }
+          { element: '#friend', intro: "Memory Map, c'est aussi du social. Voyons voir comment ajouter un ami !" },
+          { element: '#friend-search-bar', intro: "Cherchez votre ami avec son pseudo afin de lui envoyer une demande d'ami !" },
+          { element: '#friend-list', intro: "Ici vous retrouverez vos amis, ainsi que vos demandes d'amis, acceptez ou refusez les demandes en attente." }
         ],
         exitOnOverlayClick: false,
-        disableInteraction: false,
+        disableInteraction: true,
       });
 
       intro.onchange(async (element) => {
diff --git a/src/styles.css b/src/styles.css
index e909c18..5cacd70 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -72,7 +72,7 @@
   content: "";
   position: absolute;
   text-align: center;
-  left: 1rem;
+  left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 6rem;