minor styling

src/shared/types/Course.ts

@@ -74,6 +74,7 @@ export class Course {
 
     constructor(course: Course | Serialized<Course>) {
         Object.assign(this, course);
+        this.schedule = new CourseSchedule(course.schedule);
     }
 
     /**

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;
+        }
     }
 }

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>