diff --git a/apps/client/src/features/rundown/rundown-group/RundownGroup.module.scss b/apps/client/src/features/rundown/rundown-group/RundownGroup.module.scss index f82a65f12..ad3e094cf 100644 --- a/apps/client/src/features/rundown/rundown-group/RundownGroup.module.scss +++ b/apps/client/src/features/rundown/rundown-group/RundownGroup.module.scss @@ -82,6 +82,17 @@ margin-right: 0.25rem; color: $ui-white; } + +.duration { + display: flex; + align-items: center; + gap: 0.25rem; +} + +.lockIcon { + opacity: 0.6; +} + .over { color: $playback-over; .strike { diff --git a/apps/client/src/features/rundown/rundown-group/RundownGroup.tsx b/apps/client/src/features/rundown/rundown-group/RundownGroup.tsx index 22044ac2c..cd746b2ce 100644 --- a/apps/client/src/features/rundown/rundown-group/RundownGroup.tsx +++ b/apps/client/src/features/rundown/rundown-group/RundownGroup.tsx @@ -8,6 +8,7 @@ import { IoChevronUp, IoDuplicateOutline, IoFolderOpenOutline, + IoLockClosed, IoReorderTwo, IoTrash, } from 'react-icons/io5'; @@ -176,14 +177,17 @@ export default function RundownGroup({ data, hasCursor, collapsed, onCollapse }: