fix: edge img center

src/routes/quiz/+page.svelte

@@ -33,15 +33,15 @@
 </script>
 
 <form method="post" use:enhance>
-  <div class="absolute right-0 z-50 space-y-4 p-8">
+  <div class="absolute right-0 z-50 space-y-4 p-1 sm:p-8">
     <button
       type="submit"
       formaction="?/quit"
-      class="col-span-1 flex h-36 w-36 cursor-not-allowed flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-red-300 text-center shadow transition-[0.45s] enabled:cursor-pointer enabled:bg-slate-100 enabled:hover:translate-y-[-3px] enabled:hover:bg-slate-300 enabled:focus:border-indigo-500 sm:h-20 sm:w-20"
+      class="col-span-1 flex size-14 cursor-not-allowed flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-red-300 text-center shadow transition-[0.45s] enabled:cursor-pointer enabled:bg-slate-100 enabled:hover:translate-y-[-3px] enabled:hover:bg-slate-300 enabled:focus:border-indigo-500 sm:size-20"
     >
-      <div class="flex flex-1 flex-col">
+      <div class="flex flex-1 flex-col m-auto">
         <img
-          class="m-auto h-16 flex-shrink-0 sm:h-12 sm:w-12"
+          class="m-auto size-8 flex-shrink-0 sm:size-12"
           src={QuitIcon}
           alt="Quitter"
         />
@@ -50,11 +50,11 @@
     <a
       href="https://git.iiens.net/Steel/qui-est-ce"
       target="_blank"
-      class="col-span-1 flex h-36 w-36 cursor-pointer flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-slate-100 text-center shadow transition-[0.45s] hover:translate-y-[-3px] hover:bg-slate-300 focus:border-indigo-500 sm:h-20 sm:w-20"
+      class="col-span-1 flex size-14 cursor-pointer flex-col divide-y divide-gray-200 rounded-full border-6 border-solid border-zinc-800 bg-slate-100 text-center shadow transition-[0.45s] hover:translate-y-[-3px] hover:bg-slate-300 focus:border-indigo-500 sm:size-20"
     >
-      <div class="flex flex-1 flex-col">
+      <div class="flex flex-1 flex-col m-auto">
         <img
-          class="m-auto h-16 flex-shrink-0 sm:h-12 sm:w-12"
+          class="m-auto size-8 flex-shrink-0 sm:size-12"
           src={GitIcon}
           alt="Quitter"
         />

src/routes/quiz/new/+page.svelte

@@ -37,9 +37,9 @@
           disabled={level.disabled}
           class="col-span-1 flex h-36 w-36 cursor-not-allowed flex-col divide-y divide-gray-200 rounded-2xl border-6 border-solid border-zinc-800 bg-red-300 text-center shadow transition-[0.45s] enabled:cursor-pointer enabled:bg-slate-100 enabled:hover:translate-y-[-3px] enabled:hover:bg-slate-300 enabled:focus:border-indigo-500 sm:h-72 sm:w-72"
         >
-          <div class="flex flex-1 flex-col p-2 sm:p-8">
+          <div class="mx-auto flex flex-1 flex-col p-2 sm:p-8">
             <img
-              class="mx-auto h-16 flex-shrink-0 sm:h-32 sm:w-32"
+              class="h-16 flex-shrink-0 sm:h-32 sm:w-32"
               src={level.image}
               alt=""
             />