use chakra sizing

sandboxnu · Mar 1, 2024 · e4cbbdc · e4cbbdc
1 parent bc131de
commit e4cbbdc
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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">