feat: Mise à jour

src/components/Score.vue

@@ -203,6 +203,7 @@ async function share() {
           </div>
           <div class="details">
             <p>{{ trad.result_params }} :</p>
+            <br>
             <ul>
               <li v-for="question in questions" :key="question.id">
                 {{ question.title }} :
@@ -369,12 +370,15 @@ label
 
   .details
     text-align: left !important
-    font-family: serif
-    font-size: .9rem
+    font-size: 1.1rem
     line-height: normal
     background: var(--color-highlight-background)
     border: 1px solid var(--color-highlight-text)
     padding: 1rem
+    background: rgba(0,0,0,0.2)
+
+    li
+      line-height: 1.5rem
 
 .gradient
   padding: 0 1rem

src/components/ScoresList.vue

@@ -128,7 +128,9 @@ function getTranslation(translations, key) {
       <ul>
         <template v-for="(score, index) in scores" :key="score.id">
           <li v-if="index % 2 === 0">
-            <img height="200" :src="`/answers/${score.image}.webp`" />
+            <router-link :to="{ name: 'score', params: { id: score.id } }">
+              <img height="200" :src="`/answers/${score.image}.webp`" />
+            </router-link>
           </li>
           <li>
             <router-link :to="{ name: 'score', params: { id: score.id } }">{{
@@ -136,7 +138,9 @@ function getTranslation(translations, key) {
             }}</router-link>
           </li>
           <li v-if="index % 2 !== 0">
-            <img height="200" :src="`/answers/${score.image}.webp`" />
+            <router-link :to="{ name: 'score', params: { id: score.id } }">
+              <img height="200" :src="`/answers/${score.image}.webp`" />
+            </router-link>
           </li>
         </template>
       </ul>
@@ -188,7 +192,7 @@ main
     width: 100%
     max-width: 600px
     object-fit: contain
-    margin: 0 auto
+    margin: 1rem auto 0
 
 .container
   display: flex