Minor style changes

front/src/lib/components/LeaderBoard.svelte

@@ -21,23 +21,7 @@
     {/each}
 
 </ul>
-<!--
-    {#if scores.length > 10}
-        <div class="paging">
 
-            <svg class="paging-arrow" xmlns="http://www.w3.org/2000/svg"
-                 viewBox="0 0 256 512" fill="#fcdcab" width="50" height="50">
-                <path d="M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6l0 256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z"/>
-            </svg>
-
-            <svg class="paging-arrow" xmlns="http://www.w3.org/2000/svg"
-                 viewBox="0 0 256 512" fill="#fcdcab" width="50" height="50">
-                <path d="M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9s-19.8 16.6-19.8 29.6l0 256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z"/>
-            </svg>
-
-        </div>
-    {/if}
--->
 <style>
 
     .leaderboard
@@ -78,7 +62,6 @@
 
     .position, .name, .score
     {
-        color: #4b0611;
         flex-basis: 0;
     }
 

front/src/routes/+page.svelte

@@ -12,14 +12,4 @@
 </script>
 
 <h1>Qui va y passer ?</h1>
-<LeaderBoard bind:scores={$scoreStore}></LeaderBoard>
+<LeaderBoard bind:scores={$scoreStore}></LeaderBoard>
-
-<style>
-
-    h1
-    {
-        color: #4b0611;
-        text-decoration: underline;
-    }
-
-</style>

front/src/routes/play/+page.svelte

@@ -29,6 +29,7 @@
     {/if}
 
     {#if !isRunning && !hasBeenPlayed}
+        <h1>Evaluez vos chances de survie</h1>
         <div class="player">
             <input class="name" placeholder="Nom de la victime..." bind:value={game.name}/>
 
@@ -59,14 +60,19 @@
         gap: 2vh;
     }
 
+    .name, .roll
+    {
+        min-width: 210px;
+        width: 22vmax;
+    }
+
     .name
     {
         color: #424242;
         background-color: #fcdcab;
 
-        min-width: 210px;
+        height: 6vh;
-        width: 22vmax;
+        min-height: 50px;
-        height: 5vh;
 
         border: 3px solid #4b0611;
         border-radius: 10px;
@@ -81,6 +87,11 @@
         outline: none;
     }
 
+    .result
+    {
+        font-size: 24px;
+    }
+
     .circular-loader
     {
         stroke-dasharray: 100, 125;

front/static/style/app.css

@@ -10,6 +10,11 @@
     }
 }
 
+*
+{
+    color: #4b0611;
+}
+
 *,
 *::before,
 *::after {
@@ -18,7 +23,6 @@
 
 *
 {
-    color: #F5F5F5;
     text-decoration: none;
     font-size: var(--font-size, 1vw);
     transition: 0.3s;
@@ -32,6 +36,7 @@
 h1
 {
     font-size: calc(var(--font-size, 1vw) * 2.15);
+    text-decoration: underline;
 }
 
 html, body