minor styling

2023-03-06 00:23:20 -06:00
parent 8b5fabce0c
commit 007ade81a0
4 changed files with 9 additions and 6 deletions
--- a/src/views/components/injected/CoursePopup/CoursePopup.module.scss
+++ b/src/views/components/injected/CoursePopup/CoursePopup.module.scss
@@ -13,7 +13,7 @@
        height: auto;
        color: white;
        padding: 12px;
-        margin: 40px;
+        margin: 50px 20px;
        align-items: center;
        justify-content: center;

@@ -26,5 +26,9 @@
                margin-left: 8px;
            }
        }
+
+        .instructors {
+            margin-top: 8px;
+        }
    }
 }
--- a/src/views/components/injected/CoursePopup/CoursePopup.tsx
+++ b/src/views/components/injected/CoursePopup/CoursePopup.tsx
@@ -33,11 +33,10 @@ export default function CoursePopup({ course, onClose }: Props) {
                        #{course.uniqueId}
                    </Link>
                </Text>
-                <Text size='medium'>
+                <Text size='medium' className={styles.instructors}>
                    {course.getInstructorString({
                        prefix: 'with ',
                        format: 'first_last',
-                        max: 3,
                    })}
                </Text>
            </Card>