feat(timelinedesigner): remove space between items

Author: purfectliterature

client/app/bundles/course/reference-timelines/components/RowSpacer.tsx

@@ -6,8 +6,6 @@ import {
 
 import { useAppSelector } from 'lib/hooks/store';
 
-import RowSpacer from '../RowSpacer';
-
 import AssignableTimeline from './AssignableTimeline';
 import AssignedTimeline from './AssignedTimeline';
 
@@ -60,8 +58,6 @@ const TimelinesStack = (props: TimeBarsProps): JSX.Element => {
                 />
               );
             })}
-
-            <RowSpacer />
           </Fragment>
         );
       })}

client/app/bundles/course/reference-timelines/components/TimelinesStack/TimelinesStack.tsx

@@ -5,7 +5,6 @@ import {
   TimelineData,
 } from 'types/course/referenceTimelines';
 
-import RowSpacer from '../../components/RowSpacer';
 import { getDaysFromSeconds } from '../../utils';
 
 import TimelineSidebarItem from './TimelineSidebarItem';
@@ -27,8 +26,17 @@ const ItemsSidebar = (props: ItemsSidebarProps): JSX.Element => {
           key={item.id}
           className="flex border-0 border-b border-solid border-neutral-200"
         >
-          <div className="w-1/2 border-0 border-r border-solid border-neutral-200 py-2 pr-2">
-            <Typography className="line-clamp-2" variant="body2">
+          <div
+            className={`w-1/2 border-0 border-r border-solid border-neutral-200 ${
+              timelines.length <= 1 ? 'flex items-center' : 'py-2'
+            } pr-2`}
+          >
+            <Typography
+              className={
+                timelines.length <= 1 ? 'line-clamp-1' : 'line-clamp-2'
+              }
+              variant="body2"
+            >
               {item.title}
             </Typography>
           </div>
@@ -52,8 +60,6 @@ const ItemsSidebar = (props: ItemsSidebarProps): JSX.Element => {
                 />
               );
             })}
-
-            <RowSpacer />
           </div>
         </section>
       ))}

client/app/bundles/course/reference-timelines/views/DayView/ItemsSidebar.tsx

@@ -19,7 +19,7 @@ const TimelineSidebarItem = (props: TimelineSidebarItemProps): JSX.Element => {
 
   return (
     <div
-      className={`group box-content flex h-10 items-center justify-between border-0 border-b border-solid border-neutral-200 px-2 ${
+      className={`group box-content flex h-10 items-center justify-between border-0 border-b border-solid border-neutral-200 px-2 last:border-b-0 ${
         !assigned
           ? 'bg-neutral-100 text-neutral-400'
           : 'text-neutral-500 hover?:bg-neutral-50'