Change the track height and add text wrapping

src/components/pages/Timeline/components/TimelineEventCard/style.module.scss

@@ -14,6 +14,9 @@
 .eventTitle {
   color: var(--tutorial-text);
   font-size: 1rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
 .tutorialEvent {
@@ -30,4 +33,4 @@
 
 .courseworkEvent .eventTitle{
 	color: var(--coursework-text);
-}
\ No newline at end of file
+}

src/components/pages/Timeline/index.tsx

@@ -118,7 +118,7 @@ class Timeline extends React.Component<TimelineProps, TimelineState> {
   render() {
     const [termStart, numWeeks] = getTermDates(this.props.term);
     const activeDay = new Date("2020-10-12");
-    const trackHeight = 4;
+    const trackHeight = 3.25;
     if (!this.state.isLoaded) {
       return <LoadingScreen successful={<></>} />;
     }