From 5578d12eb1f89a9d151f6d7aaa0e3daa8201e68a Mon Sep 17 00:00:00 2001
From: Mawoka <mawoka-myblock@e.email>
Date: Thu, 25 Aug 2022 18:26:40 +0200
Subject: [PATCH] :bug: Fixed tippy when viewing public quizzes

---
 frontend/src/routes/view/[quiz_id]/+page.svelte | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/routes/view/[quiz_id]/+page.svelte b/frontend/src/routes/view/[quiz_id]/+page.svelte
index 0c93c5f..efbcf28 100644
--- a/frontend/src/routes/view/[quiz_id]/+page.svelte
+++ b/frontend/src/routes/view/[quiz_id]/+page.svelte
@@ -89,13 +89,14 @@
 				{$t('words.start')}
 			</button>
 		{:else}
-			<button
-				class="px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none cursor-not-allowed opacity-50"
-				disabled
-				use:tippy={{ content: 'You need to be logged in to start a game' }}
-			>
-				{$t('words.start')}
-			</button>
+			<div use:tippy={{ content: 'You need to be logged in to start a game' }}>
+				<button
+					class="px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded text-center hover:bg-gray-600 focus:outline-none cursor-not-allowed opacity-50"
+					disabled
+				>
+					{$t('words.start')}
+				</button>
+			</div>
 		{/if}
 	</div>
 	<div class="flex justify-center">