TestingWebApp/docs/СПРИНТЫ_МОБИЛЬНЫЙ_ДИЗАЙН.md

Спринты: мобильный UI кабинета тестов

Рядом с: ПРЕДЛОЖЕНИЕ_ДИЗАЙН_СОЗДАНИЕ_ТЕСТА.md.

---

Спринт 1 — быстрые исправления (текущий)

Цель: выровнять кнопки, мета-строку списка, историю версий, назначение и safe-area; без смены контентной модели страниц.

• 1.1 Панель «Сохранить черновик / К списку»: убрать конфликт inline-actions .btn { width: auto } с btn-primary — колонка на всю ширину (.actions-bar)
• 1.2 Touch: min-height у .btn--sm (убрать, удалить вопрос, сделать активной…)
• 1.3 Список тестов: не разбивать «· v1» — хвост в list-row__meta-tail + white-space: nowrap
• 1.4 «История версий»: вместо <table> — карточки (surface-card + flex)
• 1.5 «Назначение»: не рендерить пустой .assign-list (убрать «коробку» без людей)
• 1.6 Сильнее рамка .btn-ghost (согласование с полями)
• 1.7 padding-bottom у .cabinet-main + env(safe-area-inset-bottom)
• 1.8 «Публикация»: на узком экране — кнопка на всю ширину (.inline-actions--block-mobile)

Файлы: frontend/src/styles/cabinet-theme.css, frontend/src/pages/TestDetail.jsx, frontend/src/pages/TestsList.jsx.

---

Спринт 2 — бэклог (следующий)

• 2.1 «Прогоны и разбор»: на мобилке заменить таблицу на карточки или гориз. скролл с фиксированными колонками
• 2.2 «Импорт из файла»: кастомная кнопка (скрытый input + стилизованный label под .btn)
• 2.3 «Вопрос 1» + «Сгенерировать вопрос (ИИ)» — не в одной строке на узком экране; явная иерархия primary/secondary
• 2.4 Радио vs чекбокс у вариантов ответа при «несколько верных» — визуальная метафора (квадраты vs круги)
• 2.5 Закреплённый футер с действиями «Сохранить» (опционально)

---

Спринт 3 — дизайн-токены (по желанию)

• Единая шкала: --control-height, --control-padding-x, --button-gap — рефакторинг всех inline-actions и форм