From d78d130c7264801ecdb0a47a9dd7e2e8cb64d9ee Mon Sep 17 00:00:00 2001
From: John Pan <john.pan@mail.mcgill.ca>
Date: Sat, 16 Nov 2024 17:13:30 -0800
Subject: [PATCH] minor ui changes

---
 gui/src/pages/onboarding/OnboardingTutorial.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/gui/src/pages/onboarding/OnboardingTutorial.tsx b/gui/src/pages/onboarding/OnboardingTutorial.tsx
index 6a3139c68a..8baa365fef 100644
--- a/gui/src/pages/onboarding/OnboardingTutorial.tsx
+++ b/gui/src/pages/onboarding/OnboardingTutorial.tsx
@@ -49,8 +49,7 @@ const gradient = keyframes`
 const TutorialCardBorder = styled.div`
   border-radius: 8px;
   width: 100%;
-  margin-left: 2rem;
-  margin-right: 2rem;
+  margin: 0 1rem;
   background: repeating-linear-gradient(
     101.79deg,
     #4da587 0%,
@@ -78,7 +77,7 @@ const TutorialCardDiv = styled.div`
   border-radius: 8px;
   margin: 1rem;
   width: 100%;
-  min-width: 400px;
+  min-width: 250px;
   position: relative;
   max-height: 30rem;
   height: 24rem;
@@ -460,7 +459,7 @@ const OnboardingTutorial: React.FC<OnboardingTutorialProps> = ({
             </div>
           </div>
         </div>
-        <CardFooter className="flex items-center justify-between pt-6 select-none">
+        <CardFooter className="flex items-center justify-between pt-3 select-none">
           <Button
             variant="ghost"
             size="sm"