style: align delay to clock

This commit is contained in:
Carlos Valente
2024-01-08 22:48:25 +01:00
parent 1f3133d4f3
commit 3fb862628c
2 changed files with 4 additions and 2 deletions
@@ -81,10 +81,12 @@
justify-self: end;
}
.running {
.runningTime {
@include clock-size;
grid-area: running;
justify-self: end;
display: flex;
gap: 0.5em;
}
.fields {
@@ -86,7 +86,7 @@ function OperatorEvent(props: OperatorEventProps) {
</span>
<span className={style.secondaryField}>{secondary}</span>
<span className={style.running}>
<span className={style.runningTime}>
<DelayIndicator delayValue={delay} />
{isSelected ? <RollingTime /> : formatTime(duration, { showSeconds: true, format: 'hh:mm:ss' })}
</span>