From 9cc8db7fc24b9582f3332e9124fbc80284edaa4b Mon Sep 17 00:00:00 2001
From: Mawoka <git@mawoka.eu>
Date: Thu, 29 Dec 2022 17:16:03 +0100
Subject: [PATCH] :lipstick: Added more styling to new text-questions

---
 frontend/src/lib/admin.svelte         |  4 +++-
 frontend/src/lib/play/question.svelte | 11 ++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/admin.svelte b/frontend/src/lib/admin.svelte
index 6511a71..a95d29e 100644
--- a/frontend/src/lib/admin.svelte
+++ b/frontend/src/lib/admin.svelte
@@ -261,7 +261,9 @@
 						{/each}
 					</div>
 				{:else}
-					<p>Enter your answer into the input field!</p>
+					<div class="flex justify-center">
+						<p class="text-2xl">Enter your answer into the input field!</p>
+					</div>
 				{/if}
 			{/if}
 		{/if}
diff --git a/frontend/src/lib/play/question.svelte b/frontend/src/lib/play/question.svelte
index ae715f0..fd92244 100644
--- a/frontend/src/lib/play/question.svelte
+++ b/frontend/src/lib/play/question.svelte
@@ -190,7 +190,16 @@
 				</div>
 			{/await}
 		{:else if question.type === QuizQuestionType.TEXT}
-			<input bind:value={text_input} />
+			<div class="flex justify-center">
+				<p class="text-black dark:text-white">Enter your answer</p>
+			</div>
+			<div class="flex justify-center m-2">
+				<input
+					type="text"
+					bind:value={text_input}
+					class="bg-gray-50 focus:ring text-gray-900 rounded-lg focus:ring-blue-500 block w-full p-2 dark:bg-gray-700 dark:text-white dark:focus:ring-blue-500 outline-none transition text-center"
+				/>
+			</div>
 
 			<div class="flex justify-center">
 				<button