🚸 Centered tables

frontend/src/lib/play/show_results.svelte

@@ -27,7 +27,7 @@
 
 <div>
 	<h2>Results</h2>
-	<div class="flex flex-col">
+	<div class="flex flex-col mx-auto">
 		<div class="overflow-x-auto sm:-mx-6 lg:-mx-8">
 			<div class="inline-block py-2 min-w-full sm:px-6 lg:px-8">
 				<div class="overflow-hidden shadow-md sm:rounded-lg">

frontend/src/routes/overview.svelte

@@ -52,7 +52,7 @@
 
 {:then quizzes}
 
-	<div class='flex flex-col w-fit'>
+	<div class='flex flex-col w-fit mx-auto'>
 		<div class='overflow-x-auto sm:-mx-8 lg:-mx-8'>
 			<div class='inline-block py-2 min-w-full sm:px-6 lg:px-8'>
 				<div class='overflow-hidden shadow-md sm:rounded-lg'>
@@ -89,6 +89,12 @@
 							>
 								Edit
 							</th>
+							<th
+								scope='col'
+								class='py-3 px-6 text-xs font-medium tracking-wider text-left text-gray-700 uppercase dark:text-gray-400'
+							>
+								Public
+							</th>
 						</tr>
 						</thead>
 						<tbody>
@@ -123,6 +129,15 @@
 								>
 									<a href='/edit/{quiz.id}'>Edit</a>
 								</td>
+								<td
+									class='py-4 px-6 text-sm text-gray-500 whitespace-nowrap dark:text-gray-400'
+								>
+									{#if quiz.public}
+										✅
+									{:else}
+										❌
+									{/if}
+								</td>
 							</tr>
 						{/each}
 						</tbody>