Merge pull request #30 from avantifellows/fix/button-alignment

Fix: Button alignment
avantifellows · Mar 15, 2024 · a7a7b1a · a7a7b1a
2 parents d0a5dac + 7e7b735
commit a7a7b1a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -177,7 +177,7 @@ export default function Home() {
                         {formatTime(data.end_time)}
                       </p>
                     </div>
-                    <div className="bg-white rounded-lg shadow-lg min-h-24 h-auto py-6 relative w-full flex flex-row justify-between mr-4">
+                    <div className="bg-white rounded-lg shadow-lg min-h-24 h-auto py-6 relative w-full flex flex-row justify-between mr-4 items-center">
                       <div className={`${index % 2 === 0 ? 'bg-orange-200' : 'bg-red-200'} h-full w-2 absolute left-0 top-0 rounded-s-md`}></div>
                       <div className="text-sm md:text-base font-semibold mx-6 md:mx-8">
                         <span className="font-normal pr-4">Subject:</span> {data.session.meta_data.subject ?? "Science"}
@@ -210,7 +210,7 @@ export default function Home() {
                         {formatQuizSessionTime(data.end_time)}
                       </p>
                     </div>
-                    <div className="bg-white rounded-lg shadow-lg min-h-24 h-auto py-6 relative w-full flex flex-row justify-between mr-4">
+                    <div className="bg-white rounded-lg shadow-lg min-h-24 h-auto py-6 relative w-full flex flex-row justify-between mr-4 items-center">
                       <div className={`${index % 2 === 0 ? 'bg-orange-200' : 'bg-red-200'} h-full w-2 absolute left-0 top-0  rounded-s-md`}></div>
                       <div className="text-sm md:text-base font-semibold mx-6 md:mx-8">
                         <div className="flex">