style tweaks (#524)

* style: allow 2 rows in block title

* fix: accidental change to next and progress bar

apps/client/src/common/hooks/useSocket.ts

@@ -5,7 +5,9 @@ import { socketSendJson } from '../utils/socket';
 
 export const useRundownEditor = () => {
   const featureSelector = (state: RuntimeStore) => ({
+    playback: state.playback,
     selectedEventId: state.loaded.selectedEventId,
+    nextEventId: state.loaded.nextEventId,
   });
 
   return useRuntimeStore(featureSelector, deepCompare);

apps/client/src/features/rundown/event-block/EventBlock.module.scss

@@ -128,6 +128,9 @@ $skip-opacity: 0.1;
 
 .eventTitle {
   grid-area: title;
+  overflow: hidden;
+  max-height: calc(2.5em + 2px);
+  line-height: 1.25em;
 }
 
 .eventActions {