From 35e970a1609fdbe8ccf859ddcde230a47565fb36 Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Wed, 21 Feb 2024 15:41:25 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20Mise=20=C3=A0=20jour?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Score.vue      |  8 ++++++--
 src/components/ScoresList.vue | 10 +++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/Score.vue b/src/components/Score.vue
index d8ff57c..0f9daf9 100644
--- a/src/components/Score.vue
+++ b/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
diff --git a/src/components/ScoresList.vue b/src/components/ScoresList.vue
index fb012a6..80d1586 100644
--- a/src/components/ScoresList.vue
+++ b/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