diff --git a/src/features/feedback/FeedbackForm.module.scss b/src/features/feedback/FeedbackForm.module.scss index 82f52c8..3947996 100644 --- a/src/features/feedback/FeedbackForm.module.scss +++ b/src/features/feedback/FeedbackForm.module.scss @@ -3,3 +3,14 @@ .notice { margin-bottom: $sp-5; } + +.group { + margin-bottom: $sp-6; +} + +// Разделитель между группами полей — только между ними: работает через +// соседний селектор, поэтому перед первой группой и после последней его нет. +.group + .group { + padding-top: $sp-6; + border-top: 1px solid $gray-200; +} diff --git a/src/features/feedback/FeedbackForm.tsx b/src/features/feedback/FeedbackForm.tsx index e69cd8e..f75ef07 100644 --- a/src/features/feedback/FeedbackForm.tsx +++ b/src/features/feedback/FeedbackForm.tsx @@ -1,12 +1,4 @@ -import { - Alert, - Button, - CollapseSection, - FormActions, - FormCard, - FormGrid, - Toggle -} from '@tnsu/ui-kit'; +import { Alert, Button, FormActions, FormCard, FormGrid, Toggle } from '@tnsu/ui-kit'; import { Field } from '../../components/Field/Field'; import { AppealSection } from './sections/AppealSection'; import { AuthorSection } from './sections/AuthorSection'; @@ -34,13 +26,16 @@ export const FeedbackForm: React.FC = () => { ) : null} - + {/* Раньше секции лежали в CollapseSection и сворачивались по клику на + заголовок — можно было случайно спрятать обязательные поля и не + заметить это. Группа теперь просто div с отступом: поля всегда видны. */} +
- +
- +
- +
{/* Спрашиваем в самом конце и только у именных обращений: у анонимного ответа всё равно не будет, вопрос был бы бессмысленным. */}