From c6d034b9f7fcbb3aeb1a706ba2d330823b0c9922 Mon Sep 17 00:00:00 2001
From: LuckyLaszlo <luke.perrey.dev@gmail.com>
Date: Sun, 15 Jan 2023 21:11:38 +0100
Subject: [PATCH] css small fix

---
 .../api_front/src/pages/game/Game.svelte      | 84 +++++++++----------
 1 file changed, 42 insertions(+), 42 deletions(-)

diff --git a/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte b/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
index f0e44f3d..1463c8ae 100644
--- a/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
+++ b/srcs/requirements/svelte/api_front/src/pages/game/Game.svelte
@@ -289,56 +289,54 @@
 
 	{#if hiddenGame}
 		{#if showGameOptions}
-			<div id="game_option">
-				<div class="div_game">
-					<button class="pong_button" on:click={fetchInvitations}>Show invitations</button>
-					<fieldset in:fly="{{ y: 10, duration: 1000 }}">
-						<legend>game options</legend>
+			<div class="div_game" id="game_options">
+				<button class="pong_button" on:click={fetchInvitations}>Show invitations</button>
+				<fieldset in:fly="{{ y: 10, duration: 1000 }}">
+					<legend>game options</legend>
 
-						<label for="multi_balls">
-							<input type="checkbox" id="multi_balls" name="multi_balls" bind:checked={options.multi_balls}>
-							Multiples balls
+					<label for="multi_balls">
+						<input type="checkbox" id="multi_balls" name="multi_balls" bind:checked={options.multi_balls}>
+						Multiples balls
+					</label>
+
+					<label for="moving_walls">
+						<input type="checkbox" id="moving_walls" name="moving_walls" bind:checked={options.moving_walls}>
+						Moving walls
+					</label>
+
+					<div>
+						sound :
+						<label for="sound_on">
+							<input type="radio" id="sound_on" name="sound_selector" bind:group={options.sound} value="on">
+							on
 						</label>
-
-						<label for="moving_walls">
-							<input type="checkbox" id="moving_walls" name="moving_walls" bind:checked={options.moving_walls}>
-							Moving walls
+						<label for="sound_off">
+							<input type="radio" id="sound_off" name="sound_selector" bind:group={options.sound} value="off">
+							off
 						</label>
+					</div>
 
-						<div>
-							sound :
-							<label for="sound_on">
-								<input type="radio" id="sound_on" name="sound_selector" bind:group={options.sound} value="on">
-								on
-							</label>
-							<label for="sound_off">
-								<input type="radio" id="sound_off" name="sound_selector" bind:group={options.sound} value="off">
-								off
-							</label>
-						</div>
+					<label for="invitation_checkbox">
+						<input type="checkbox" id="invitation_checkbox" bind:checked={options.isSomeoneIsInvited}>
+						Invite a friend
+					</label>
 
-						<label for="invitation_checkbox">
-							<input type="checkbox" id="invitation_checkbox" bind:checked={options.isSomeoneIsInvited}>
-							Invite a friend
-						</label>
-
-						{#if options.isSomeoneIsInvited}
-							<select bind:value={options.playerTwoUsername}>
-								{#each allUsers as invitedUser }
-									<option value={invitedUser.username}>{invitedUser.username}</option>
-								{/each}
-							</select>
-						{/if}
-						<div>
-							<button class="pong_button" on:click={initGame}>PLAY</button>
-						</div>
-					</fieldset>
-				</div>
+					{#if options.isSomeoneIsInvited}
+						<select bind:value={options.playerTwoUsername}>
+							{#each allUsers as invitedUser }
+								<option value={invitedUser.username}>{invitedUser.username}</option>
+							{/each}
+						</select>
+					{/if}
+					<div>
+						<button class="pong_button" on:click={initGame}>PLAY</button>
+					</div>
+				</fieldset>
 			</div>
 		{/if}
 
 		{#if showInvitations}
-			<div class="div_game">
+			<div class="div_game" id="game_invitations">
 				<button class="pong_button" on:click={switchToGameOptions}>Play a Game</button>
 				<fieldset in:fly="{{ y: 10, duration: 1000 }}">
 					<legend>invitations</legend>
@@ -372,9 +370,11 @@
 	flex-direction: column;
 	flex-grow: 1;
 }
-#game_option {
+
+#game_options, #game_invitations {
 	margin-top: 20px;
 }
+
 #canvas_container {
 	margin-top: 20px;
 	text-align: center;