1) Написать лейблы в строку
2) Даты слотов через тире и с названием месяца, на случай первой и конечной даты в разных месяцах
3) Перекрасить «Закрыть слоты», так как красный цвет забирает внимание на себя первым, нарушая иерархию

👍🏻

«Закрыть слоты» выглядит задизейбленной.

А ещё в макете не гуд, что лейбл выше поля.

Сохранить - главное действие.
Отменить - оставил пока что так (однако можно было бы использовать крест сверху-справа)
Закрыть слоты - выделил с помощью формы и иконки таким образом, чтобы функция отличалась от первых двух.

Отделил от остальных кнопок, чтобы уменьшить возможность мисс кликов.

Немного нехватает доп. инфы.
1) хотелось бы видеть экран целиком
2) Есть ли подтверждение закрытия слотов
3) Убирается ли весь правый блок

Озон опять чудит с распределением?

Как пользователь считывает информацию с экрана(?) – сверху вниз, слева  направо. Так же ведёт себя любое действие – положительное дейстиве (продолжение) – будет правее, в нашем случае кнопка «Сохранить». Шаг назад, значит (справа налево) – кнопка «Отменить»
«Закрыть слоты» это не просто шаг назад, это отменить задачу – ставим отдельно от текущих действий. + убрал бы бы фон кнопки – сам красный цвет и так акцентный, а у нас уже есть акцентная кнопка действия вперед (положительного действия) «Сохранить».
Drop Down попутно выравнил бы, сорри, у меня кровь из глаз когда ритм нарушен.

Хотелось бы ещё понять отличаются действия отменить и закрыть все слоты, возможно нужна корректировка нейминга кнопок. Кнопку сохранить однозначно нужно менять местами с отменить, руководствуясь принципом Гутенберга, да и в принципе best practices

Привет)
Может кто-то знает сайт с примерами анимации и кодом?
Где-то раньше видела, но потеряла😭

Codepen?

В вводной сформулировано "вообще закрыть слот, чтобы заказы распределились по следующим доступным слотам". В интерфейсе в кнопке — "закрыть слоты" — во множественном числе.

Из-за этого возникли два понимания работы формы и два варианта макетов: на расположение и на разбивку/группировку.

V01. Интерпретирую так, что контрол закрывает все слоты разом — единый контрол на весь блок.

V02. Слоты можно закрывать по одному. Тогда для каждого слота будет свои контролы на закрытие, сохранение и отмену.

В обоих контрол закрытия располагается сверху.
Так как он не привязан к изменению значений (строкам с инпутами). Его надо сепарировать от контролов сохранения/отмены изменений.

V01

V02

Нет(

+++

Нету, он новенький. Если найду, скину. Очень прикольный сайт