From 1bc3f530df6d6ad7d82b48ebe2abc97dd3536549 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Fri, 12 Apr 2024 23:53:34 +0100
Subject: [PATCH] fix: setup broken on mobile

---
 apps/dashboard/src/routes/org/[slug]/setup/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/routes/org/[slug]/setup/+page.svelte b/apps/dashboard/src/routes/org/[slug]/setup/+page.svelte
index 1d82dedd..6ac576fb 100644
--- a/apps/dashboard/src/routes/org/[slug]/setup/+page.svelte
+++ b/apps/dashboard/src/routes/org/[slug]/setup/+page.svelte
@@ -97,8 +97,8 @@
         <div
           class="flex flex-col lg:flex-row lg:items-center justify-between gap-2 w-full py-8 border-b border-gray-300"
         >
-          <div class={`space-y-2 flex-1 ${list.is_completed ? 'opacity-50' : ''}  max-w-[50%]`}>
-            <div class="flex items-center gap-2">
+          <div class={`space-y-1 flex-1 ${list.is_completed ? 'opacity-50' : ''}  lg:max-w-[50%]`}>
+            <div class="flex items-center gap-3">
               <Chip
                 value={i + 1}
                 className={`text-[10px] font-semibold !py-1 `}
@@ -108,7 +108,7 @@
             </div>
             <p class={`text-sm`}>{list.desc}</p>
           </div>
-          <div class="w-[30%]">
+          <div class="w-full lg:w-[30%]">
             <PrimaryButton
               variant={list.is_completed ? VARIANTS.CONTAINED_DARK : VARIANTS.OUTLINED}
               className="!w-full font-normal text-sm flex items-center gap-2"