From 792a19f154313fd438375da33755b107c81c5842 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Wed, 28 Feb 2024 14:32:51 +0100
Subject: [PATCH] afficher nb de lettres + espacer les trous

---
 science-quest/src/components/jeux/pendu/Pendu.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/science-quest/src/components/jeux/pendu/Pendu.vue b/science-quest/src/components/jeux/pendu/Pendu.vue
index ac0e13a..d73a839 100644
--- a/science-quest/src/components/jeux/pendu/Pendu.vue
+++ b/science-quest/src/components/jeux/pendu/Pendu.vue
@@ -93,8 +93,8 @@ export default{
         <div v-if="!partieTerminee">
             <!-- dans une partie -->
             <!-- TODO : dessiner le pendu -->
-            <p>mot a deviner : </p>
-            <h2 style="font-family: monospace">{{ progression }}</h2>
+            <p>mot a deviner ({{ nbLettresADeviner }} lettres) : </p>
+            <h2 class="trous">{{ progression }}</h2>
             <input type="text" minlength="1" maxlength="1" @input="deviner" placeholder="Devinez la lettre ici">
             <p>Vies restantes : {{ viesRestantes }}</p>
             <p>Lettres devinées : <span style="font-family: monospace">{{ lettresDejaDevine }}</span></p>
@@ -104,6 +104,9 @@ export default{
 
 
 <style>
-
+.trous{
+    letter-spacing:0.5em;
+    font-family: monospace;
+}
 
 </style>
\ No newline at end of file