From e4cbbdcd9e1fb99af57a72f18fb7a4e3d06f36b9 Mon Sep 17 00:00:00 2001
From: AngelaZQ1 <zheng.ang@northeastern.edu>
Date: Fri, 1 Mar 2024 15:12:29 -0500
Subject: [PATCH] use chakra sizing

---
 .../frontend/components/AddCourseModal/AddCourseModal.tsx   | 6 +++---
 packages/frontend/components/AddCourseModal/NUPathLabel.tsx | 2 +-
 .../frontend/components/AddCourseModal/SearchResult.tsx     | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/components/AddCourseModal/AddCourseModal.tsx b/packages/frontend/components/AddCourseModal/AddCourseModal.tsx
index 218291a5c..b94ac75ae 100644
--- a/packages/frontend/components/AddCourseModal/AddCourseModal.tsx
+++ b/packages/frontend/components/AddCourseModal/AddCourseModal.tsx
@@ -185,7 +185,7 @@ export const AddCourseModal: React.FC<AddCourseModalProps> = ({
                   direction="column"
                   height="300px"
                   overflow="scroll"
-                  marginTop="4"
+                  marginTop="sm"
                 >
                   {/* No course search */}
                   {!error && (!courses || courses.length === 0) && (
@@ -242,12 +242,12 @@ export const AddCourseModal: React.FC<AddCourseModalProps> = ({
               </Flex>
 
               {/* Selected Courses Area */}
-              <Flex padding="4" paddingBottom="0" direction="column">
+              <Flex padding="md" paddingBottom="0" direction="column">
                 <Text fontSize="md" fontWeight="bold">
                   Courses to Add:
                 </Text>
                 <VStack
-                  paddingY="2"
+                  paddingY="xs"
                   height="130px"
                   overflow="scroll"
                   alignItems="stretch"
diff --git a/packages/frontend/components/AddCourseModal/NUPathLabel.tsx b/packages/frontend/components/AddCourseModal/NUPathLabel.tsx
index 0da5ff50e..85205812b 100644
--- a/packages/frontend/components/AddCourseModal/NUPathLabel.tsx
+++ b/packages/frontend/components/AddCourseModal/NUPathLabel.tsx
@@ -48,7 +48,7 @@ export const NUPathLabel: React.FC<NuPathLabelProps> = ({
   }
 
   return (
-    <Flex justifyContent="end" gap="1" flex="1" ml="xs">
+    <Flex justifyContent="end" gap="2xs" flex="1" ml="xs">
       {nuPaths.map((nuPath) => (
         <Flex
           key={nuPaths.indexOf(nuPath)}
diff --git a/packages/frontend/components/AddCourseModal/SearchResult.tsx b/packages/frontend/components/AddCourseModal/SearchResult.tsx
index eefa2b430..e08e8dcc7 100644
--- a/packages/frontend/components/AddCourseModal/SearchResult.tsx
+++ b/packages/frontend/components/AddCourseModal/SearchResult.tsx
@@ -34,14 +34,14 @@ export const SearchResult: React.FC<SearchResultProps> = ({
     <Flex
       justifyContent="space-between"
       alignItems="end"
-      padding="1"
-      paddingY="2"
+      padding="2xs"
+      paddingY="xs"
       borderBottom="1px"
       borderColor="neutral.100"
     >
       <Flex width="100%" mr="md" alignItems="center" minH="25px">
         <Box lineHeight="1.2">
-          <Text as="span" fontSize="sm" fontWeight="bold" marginRight="2">
+          <Text as="span" fontSize="sm" fontWeight="bold" marginRight="sm">
             {getCourseDisplayString(course)}
           </Text>
           <Text as="span" fontSize="sm">