refactor: style cleanups and migrations

fix: close modal with button
refactor: small type improvements
refactor: migrate time inputs
refactor: migrate tooltips
refactor: prevent component resizing

apps/client/src/features/rundown/rundown-delay/RundownDelay.module.scss

@@ -4,12 +4,11 @@
   @include block-styling;
 
   margin-block: 0.25rem;
+  padding-right: 0.25rem;
   background-color: $block-bg2;
-  padding-right: 0.5rem;
 
   display: grid;
-  grid-template-columns: 2rem 1fr auto;
-  grid-template-areas: 'drag inpt btns';
+  grid-template-columns: 2rem 1fr auto auto;
   align-items: center;
   height: $secondary-block-height;
   gap: 0.5rem;
@@ -21,12 +20,4 @@
 
 .drag {
   @include drag-style;
-  grid-area: drag;
 }
-
-.actionButtons {
-  grid-area: btns;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}

apps/client/src/features/rundown/rundown-delay/RundownDelay.tsx

@@ -55,23 +55,24 @@ export default function RundownDelay({ data, hasCursor }: RundownDelayProps) {
     deleteEntry([data.id]);
   };
 
-  const blockClasses = cx([style.delay, hasCursor ? style.hasCursor : null]);
-
   return (
-    <div className={blockClasses} ref={setNodeRef} style={dragStyle} data-testid='rundown-delay'>
+    <div
+      className={cx([style.delay, hasCursor ? style.hasCursor : null])}
+      ref={setNodeRef}
+      style={dragStyle}
+      data-testid='rundown-delay'
+    >
       <span className={style.drag} ref={handleRef} {...dragAttributes} {...dragListeners}>
         <IoReorderTwo />
       </span>
       <DelayInput eventId={data.id} duration={data.duration} />
-      <div className={style.actionButtons}>
-        <Button onClick={applyDelayHandler} variant='ghosted-white'>
-          <IoCheckmarkDone /> Make permanent
-        </Button>
-        <Button onClick={cancelDelayHandler} variant='ghosted-white'>
-          <IoClose />
-          Cancel
-        </Button>
-      </div>
+      <Button onClick={applyDelayHandler} variant='ghosted-white'>
+        <IoCheckmarkDone /> Make permanent
+      </Button>
+      <Button onClick={cancelDelayHandler} variant='ghosted-white'>
+        <IoClose />
+        Cancel
+      </Button>
     </div>
   );
 }