From 2b3ca72c69f593ffa10273d28953556298222dc2 Mon Sep 17 00:00:00 2001
From: vvandenb <vvandenb12@gmail.com>
Date: Mon, 13 Mar 2023 15:46:23 +0100
Subject: [PATCH] * Fixed game creation responsivness

---
 front/volume/src/components/Pong/GameCreation.svelte     | 6 ++++++
 front/volume/src/components/Pong/MapCustomization.svelte | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/front/volume/src/components/Pong/GameCreation.svelte b/front/volume/src/components/Pong/GameCreation.svelte
index 5eff17c..37bba1d 100644
--- a/front/volume/src/components/Pong/GameCreation.svelte
+++ b/front/volume/src/components/Pong/GameCreation.svelte
@@ -57,4 +57,10 @@
     max-width: 100%;
     margin-bottom: 1rem;
   }
+
+  @media (max-width: 768px) {
+    .window {
+      width: 80vw;
+    }
+  }
 </style>
diff --git a/front/volume/src/components/Pong/MapCustomization.svelte b/front/volume/src/components/Pong/MapCustomization.svelte
index 90525ef..8757510 100644
--- a/front/volume/src/components/Pong/MapCustomization.svelte
+++ b/front/volume/src/components/Pong/MapCustomization.svelte
@@ -95,6 +95,7 @@
       drawMap();
     }}>Clear all walls</button
   >
+  <br />
   <canvas
     bind:this={gameCanvas}
     on:click={(e) => click(e, false)}
@@ -107,6 +108,8 @@
   .renderCanvas {
     width: 100%;
     height: 100%;
+    max-width: 600px;
+    max-height: 60vh;
   }
 
   .title {