From b753689067989b4e3d45c7c7c9e755e2b8961d77 Mon Sep 17 00:00:00 2001
From: vvandenb <vvandenb12@gmail.com>
Date: Sun, 19 Mar 2023 21:53:47 +0100
Subject: [PATCH] * Some CSS

---
 front/volume/src/components/NavBar.svelte             | 3 +--
 front/volume/src/components/Pong/GameComponent.svelte | 2 ++
 front/volume/src/components/Pong/Pong.svelte          | 2 ++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/front/volume/src/components/NavBar.svelte b/front/volume/src/components/NavBar.svelte
index 7e79019..c6bd299 100644
--- a/front/volume/src/components/NavBar.svelte
+++ b/front/volume/src/components/NavBar.svelte
@@ -63,9 +63,8 @@
         {/if}
       {/each}
     </div>
-    <button on:click={toggle}>
+    <button class="hamburger" on:click={toggle}>
       <svg
-        class="hamburger"
         xmlns="http://www.w3.org/2000/svg"
         width="24"
         height="24"
diff --git a/front/volume/src/components/Pong/GameComponent.svelte b/front/volume/src/components/Pong/GameComponent.svelte
index 940dac4..6c842b4 100644
--- a/front/volume/src/components/Pong/GameComponent.svelte
+++ b/front/volume/src/components/Pong/GameComponent.svelte
@@ -96,6 +96,8 @@
     align-items: center;
     font-size: 0.8em;
     text-align: center;
+    overflow: auto;
+    max-height: 80vh;
   }
 
   .user-header {
diff --git a/front/volume/src/components/Pong/Pong.svelte b/front/volume/src/components/Pong/Pong.svelte
index 3f17b84..96fc268 100644
--- a/front/volume/src/components/Pong/Pong.svelte
+++ b/front/volume/src/components/Pong/Pong.svelte
@@ -220,6 +220,8 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    overflow: auto;
+    max-height: 80vh;
   }
 
   h1 {