From 43c0dd41fe646a55a1d22a883ab450dc5c86c8dd Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Thu, 19 Oct 2023 17:53:06 +0200
Subject: [PATCH] Fixed formatting

---
 .../lib/play/admin/game_not_started.svelte    | 47 +++++++++----------
 1 file changed, 22 insertions(+), 25 deletions(-)

diff --git a/frontend/src/lib/play/admin/game_not_started.svelte b/frontend/src/lib/play/admin/game_not_started.svelte
index 5b01ce3..48324b0 100644
--- a/frontend/src/lib/play/admin/game_not_started.svelte
+++ b/frontend/src/lib/play/admin/game_not_started.svelte
@@ -4,7 +4,7 @@ SPDX-FileCopyrightText: 2023 Marlon W (Mawoka)
 SPDX-License-Identifier: MPL-2.0
 -->
 
-<script lang='ts'>
+<script lang="ts">
 	import AudioPlayer from '$lib/play/audio_player.svelte';
 	import ControllerCodeDisplay from '$lib/components/controller/code.svelte';
 	import { getLocalization } from '$lib/i18n';
@@ -35,11 +35,11 @@ SPDX-License-Identifier: MPL-2.0
 	};
 </script>
 
-<div class='w-full h-full'>
+<div class="w-full h-full">
 	<AudioPlayer bind:play={play_music} />
-	<div class='grid grid-cols-3 mt-12'>
-		<div class='flex justify-center'>
-			<p class='m-auto text-2xl'>
+	<div class="grid grid-cols-3 mt-12">
+		<div class="flex justify-center">
+			<p class="m-auto text-2xl">
 				{$t('play_page.join_description', {
 					url:
 						window.location.host === 'classquiz.de'
@@ -50,57 +50,54 @@ SPDX-License-Identifier: MPL-2.0
 			</p>
 		</div>
 		<img
-			alt='QR code to join the game'
-			src='/api/v1/utils/qr/{game_pin}'
-			class='block mx-auto w-1/2 dark:bg-white shadow-2xl rounded'
+			alt="QR code to join the game"
+			src="/api/v1/utils/qr/{game_pin}"
+			class="block mx-auto w-1/2 dark:bg-white shadow-2xl rounded"
 		/>
 		{#if cqc_code}
-			<div class='m-auto'>
-				<div class='flex justify-center my-4'>
-					<p class='m-auto text-2xl'>
+			<div class="m-auto">
+				<div class="flex justify-center my-4">
+					<p class="m-auto text-2xl">
 						{$t('play_page.players_waiting', {
 							count: players.length ?? 0
 						})}
 					</p>
 				</div>
-				<div class='flex-col flex justify-center'>
-					<p class='mx-auto'>{$t('play_page.join_by_entering_code')}</p>
+				<div class="flex-col flex justify-center">
+					<p class="mx-auto">{$t('play_page.join_by_entering_code')}</p>
 					<ControllerCodeDisplay code={cqc_code} />
 				</div>
-
 			</div>
-
 		{:else}
-			<div class='flex justify-center'>
-				<p class='m-auto text-2xl'>
+			<div class="flex justify-center">
+				<p class="m-auto text-2xl">
 					{$t('play_page.players_waiting', {
 						count: players.length ?? 0
 					})}
 				</p>
 			</div>
 		{/if}
-
 	</div>
-	<p class='text-3xl text-center'>
-		{$t('words.pin')}: <span class='select-all'>{game_pin}</span>
+	<p class="text-3xl text-center">
+		{$t('words.pin')}: <span class="select-all">{game_pin}</span>
 	</p>
-	<div class='flex justify-center w-full mt-4'>
+	<div class="flex justify-center w-full mt-4">
 		<div>
 			<GrayButton
 				disabled={players.length < 1}
 				on:click={() => {
 					socket.emit('start_game', '');
 				}}
-			>{$t('admin_page.start_game')}
+				>{$t('admin_page.start_game')}
 			</GrayButton>
 		</div>
 	</div>
-	<div class='flex flex-row w-full mt-4 px-10 flex-wrap'>
+	<div class="flex flex-row w-full mt-4 px-10 flex-wrap">
 		{#if players.length > 0}
 			{#each players as player}
-				<div class='p-2 m-2 border-2 border-[#B07156] rounded hover:cursor-pointer'>
+				<div class="p-2 m-2 border-2 border-[#B07156] rounded hover:cursor-pointer">
 					<span
-						class='hover:line-through text-lg'
+						class="hover:line-through text-lg"
 						on:click={() => {
 							kick_player(player.username);
 						}}>{player.username}</span