fin end quiz

public/styles/styleEndQuiz.css

@@ -20,6 +20,10 @@ body.light-mode .resultat {
     background-color: var(--main-light-other-color);
 }
 
+body.light-mode .suiv img{
+    filter: invert(100%);
+}
+
 /* ====== ECRAN DEFAUT ====== */
 
 h1 {
@@ -28,6 +32,9 @@ h1 {
 }
 
 .resultat {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
     height: 60vh;
     width: 60vw;
     margin: auto;
@@ -35,6 +42,15 @@ h1 {
     border-radius: 25px;
 }
 
+.suiv {
+    align-items: self-end;
+    width: 1vh;
+}
+
+.suiv img {
+    width: 1vh;
+}
+
 /* ====== ECRAN TABLETTE ====== */
 
 @media (max-width: 834px) or (max-aspect-ratio : 1/1){

vue/templates/endQuiz.html.twig

@@ -2,7 +2,9 @@
     <div class="resultat">
         <p> nombre de réponse juste : {{ score }}</p>
         <p> nombre de réponse fausse : {{ 10 - score }}</p>
-        <a href={{racine}}/quiz/{{ nextquiz }}>qiz suivant</a>
+        <a class="suiv" href="{{racine}}/quiz/{{ nextquiz }}" alt="quiz suivant">
+            <img src="../images/suivant.png" />
+        </a>
     </div>
 </body>
 </html>